微信开发者工具开发小程序的基本步调如下:
1.获得微信小程序的App ID
首先,我们需要一个账户如果你能看到文件,我们该当约请你并为你创立一个账户留神不要直接利用服务号码或订阅号码的App ID运用提供的账户登录微信官网,可以在网站“开发者设置”的“设置”中看到微信小程序的应用程序标识
2.创立项目
我们需要应用开发工具来完成小程序创立和代码编纂
装置开发工具后,应用微信扫描码打开并登录挑选创立“项目”,填写上面得到的App ID,设置本地项目的称号(而不是applet称号),若是“我的第一个项目”,抉择本地文件夹作为代码存储目次,然后单击“新建项目”
为了便于初学者明白微信小程序的基本代码构造,在创建进程中,如果选中的当地文件夹是空文件夹,开发者工具会面提醒是否需要创立quick start项目选择“是”,开发工具将协助我们在开发目次中生成一个简略的demo成功创立项目后,我们可以点击项目进入并查看完好的开发工具界面点击左侧导航,在编纂中查看和编纂我们的代码,在调试中测试代码,模仿小程序在微信客户端的效果,并发送到项目中的手机上预览实际效果。
3.写代码
点击开发工具左侧导航中的“编辑”,我们可以看到这个项目已经初始化,并且包含一些简略的代码文件最要害和最基本的是app.js、app.json和app.wxss.js后缀是指剧本文件,.json后缀指的是配置文件,.wxss后缀是指样式表文件微信小程序将读取这些文件并生成小程序实例
4.创立页面
在本教程中,我们有两个页面,index页面和logs页面,即小程序启动日记的欢迎页面和显示页面,它们都在页面目次下微信小程序中每页的[门路页面称号]需要写在app.json的页面中,页面中的第一页是小程序的主页
每个小程序页面由四个不同的后缀文件构成,它们在雷同的门路下具备雷同的称号,例如index.js、index.wxml、index.wxss、index.json.js后缀是一个剧本文件,.json后缀是一个配置文件,.wxss后缀是一个样式表文件,.wxml后缀是一个页面构造文件
页面的样式表不是必需的当有页面样式表不时,页面样式表中的样式规则会见掩盖app.wxss中的样式规则。