开发工具
样式截图：
开发工具.pngConsole页：控制台信息页，它有两个作用：
1）开发者直接在此输入代码并调试
2）显示小程序的错误输出
Sources页：源文件调试信息页，用于显示当前项目的脚本文件；
因为小程序框架会对脚本文件进行编译工作，在源文件页面中我们看到的文件其实是经过处理之后的脚本文件，所以我们编写的代码都被包含在define函数中。对于页面（page）的代码，则在打包脚本文件尾部，require函数会完成主动调用动作。
Network页：网络调试信息页，用于观察和显示每个元素请求信息和套接字（socket）状态等网络相关的详细信息；
Storage页：数据存储信息页，用于显示当前项目使用存储API（wx.setStorage或wx.setStorageSync）接口的数据存储情况。比如，我们在Console中输入：wx.setStorage ({key:"name", data:"Roeyxiong"})，则在Storage页面中就可以看到我们存储了一个Key-Value数据
AppData页：用于调试显示当前小程序项目此时此刻的应用具体数据，实时地回显项目数据调整情况。即我们可在此处编辑修改数据，反馈到当前界面上去。比如，我们将“Hello World”这个字，改为“Hello WXApplet”，界面上马上就显示出相应的效果
Wxml页：用于帮助开发者调试WXML转化后的界面。通过这里的调试可以看到真实的页面结构及对应的WXSS属性，同时可通过修改对应的WXSS属性，在模拟器中即时查看修改后的情形。并且，可以通过调试区左上角的选择器，快速地找到页面中组件所对应的WXML代码
例:先点击①定位，在模拟器中选择定位点②，快速定位到WXML代码段③。然后我们可以在最右边的样式④中进行修改调配，并立即查看效果。
try.jpg导航栏：导航菜单区的“项目”功能，用来显示当前项目的细节，包括图标、AppID以及目录信息等。同时，提供了小程序发布功能（上传）与手机预览功能（预览）。
文件配置:
■app由三个文件构成：公共配置app.json、公共样式app.wxss、主体逻辑app.js。
■每个page最多由四个文件构成：页面配置page. json、页面结构page.wxml、页面样式page.wxss、页面主体逻辑page.js;
■app.js是小程序的脚本代码，用来监听并处理小程序的生命周期函数、声明全局变量。
■app.json是对整个小程序的全局配置，配置小程序是由哪些页面组成，配置小程序的窗口背景色等。
■app.wxss是整个小程序的公共样式表。
准备
1.登陆公众平台完善微信小程序信息（如小程序名称、头像、小程序介绍、服务范围等）
2.获取AppId
3.下载开发工具，创建第一个项目
4.没有appid也可以测试使用，只是某些api无法使用
注意:
1).已认证的小程序最多可以绑定20名开发者。未认证的小程序最多可以绑定10名开发者。
小程序开发快捷键
■Ctrl+End：移动到文件结尾。
■Ctrl+Home：移动到文件开头。
■Ctrl+i：选中当前行。
■Shift+End：选择从光标到行尾。
■Shift+Home：选择从行首到光标处。
■Ctrl+Shift+L：选中所有匹配。
■Ctrl+D：选中匹配。
■Ctrl+U：光标回退。
再比如，格式调整的快捷操作如下：
■Ctrl+S：保存文件。
■Ctrl+[, Ctrl+]：代码行缩进。
■Ctrl+Shift+[, Ctrl+Shift+]：折叠打开代码块。
■Ctrl+C, Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行。
■Shift+Alt+F：代码格式化。
■Alt+Up, Alt+Down：上下移动一行。
■Shift+Alt+Up, Shift+Alt+Down：向上向下复制一行。
■Ctrl+Shift+Enter：在当前行上方插入一行。