@小程序
第一章 小程序的创建
1.1 准备工作
微信小程序是继订阅号、服务号、企业号之后，微信公众平台上全新的一种连接用户与服务的方式。
工作账号及ID获取。（建议不用个人微信）
1.1.1 小程序的创建
需对账号进行注册。1.填写账号信息2.邮箱激活3.信息登记4.绑定管理者微信
1.1.2获取小程序的AppID
没有填写AppID可进行小程序的开发练习，且不能进行上传。
查找AppID的路径：“设置”→“开发设置”
1.1.3安装开发者工具包
1.2创建第一个小程序
1.填写项目命
2.需填写AppID（无AppID可省略，无填写不能上传）
3.选择本地文件夹
1.3微信web开发者工具的操作与使用
1.3.1 界面与操作
1.3.2 编辑功能
光标的快捷操作：
Ctrl+End：移动到文件结尾
Ctrl+Home：移动到文件开头
Ctrl+i：选择当前行
Shift+End：选择从光标到行尾
Shift+Home：选择从行首到光标处
Ctrl+Shift+L：选中所有匹配
Ctrl+D：选中匹配
Ctrl+U：光标回退
格式调整的快捷操作：
Ctrl+S：保存文件
Shift+Alt+F：代码格式化
Ctrl+[，Ctrl+]：代码行缩进
Ctrl+Shift+[，Ctrl+Shift+]：折叠打开代码块
Alt+UP，Alt+Down：上下移动一行
Shift+Alt+UP，Shift+Alt+Down：向上向下复制一行
Ctrl+Shift+Enter：在当前行上方插入一行
1.3.3调试功能
调试工具与输出区的顶部分别是：Console、Sources、Network、Storage、AppDate、Wxml
功能介绍：
Console页：控制台信息页：
1）可在页面直接输入代码并调试
2）显示小程序的错误输出
Sources页：源文件调试信息页，用于显示当前项目的脚本文件。
Network页：网络调试信息页，用于观察和显示每个元素请求信息和套接字（socket）状态等网络相关的详细信息。
Storage页：数据存储信息页，用于显示当前项目使用存储API（wx.setStorage或wx.setStorageSync）接口的数据存储情况。（例：在Console中输入：wx.setStorage（{key:”name”,data:”Roeyxiong”}）在Storage中就可以看到存储了一个KeyValue数据
）
Wxml页：用于帮助开发者调试wxml转化后的界面。通过这里的调试可以看到真实的页面结构及相应的wxss属性，同时还通过修改对应的wxss属性，在模拟器中即时查看修改后的情形。并且，可以通过调试区左上角的选择器（鼠标形状），快速地找到页面中组件所对应的的代码。（调试点图形显示代码）
定制与控制开发工具按钮（最右边的扩展菜单栏“：”）：主要包括：
”Show Console” ：显示控制台页
“Search all files”：查找文件
“Shotcuts”：快捷自定义或配置
“Settings”：开发者工具的环境参数设定，其中（Preferences 喜好、Workspace 工作区域、Blackboxing 黑箱、Devices 支持模拟的手机设备型号、Throttling 网络带宽及时延）
“Inspect devices” ：检测设备
“Network conditions”：网络条件
“Rendering settings”：渲染设定
“Sensors”：重力传感器
1.3.4 项目功能
导航菜单区的“项目”功能，能够生成二维码。
1.3.5 运行小程序
1.调试预览
2.手机预览
3.开发者手机预览