小程序开发的准备工作和具体步骤：

　　获取小程序AppID

　　成功注册小程序账号后，会有唯一的AppID。登录https://mp.weixin.qq.com，在页面左边的菜单中，点选“设置”→“开发设置”中，查看到微信小程序的AppID，如图1-5所示。注意 这里不可使用公众号(服务号或订阅号)的AppID。没有AppID也可以进行小程序开发练习，只是部分功能受限，且不能上传发布。

　　要在手机上体验此AppID的小程序，默认只有公众平台小程序账号的管理员微信号可以;其他微信号还需要进行“绑定开发者”的操作。即在“用户身份”-“开发者”模块中，绑定需要体验该小程序的微信号。

　　安装开发者工具包

　　创建第1个小程序——Hello WXapplet,事不宜迟，我们马上开始创建第1个微信小程序——Hello WXapplet。

　　在安装开发者工具的电脑上运行“微信Web开发者工具”，通过开发者的微信扫码进入后，即可得到如图1-9所示的界面。

　　微信Web开发者工具的操作与使用

　　“工欲善其事，必先利其器”。熟悉开发者工具界面与操作，将为我们今后的开发带来极大的便利。

　　界面与操作

　　微信开发者工具功能非常强大与便捷，集成了开发调试、代码编辑及程序发布等功能。主界面如图1-11所示。

　　2区“导航菜单”是开发者经常切换使用的功能区。特别是其中的“编辑”与“调试”功能将是开发者使用最多的重要功能。下面重点介绍这两个功能。

　　编辑功能

　　我们先来看其中的“编辑”功能。点击“编辑”后出现的界面如图1-13所示。

　　原来的3区部分就变成了项目的目录与文件列表区，4区部分则变成了对应所选文件的代码编辑区，我们也称之为代码编辑器。

　　微信开发者工具提供的代码编辑器，可以对当前项目对应文件进行编码工作，同时也可以对文件进行基本的添加、删除及重命名操作。

　　代码编辑器现在支持4种文件的编辑：wxml、wxss、js以及json文件。当然编辑器支持了较为完善的自动补全功能，大大方便了开发者。

　　代码编辑器还支持快捷键操作，而且快捷键功能与行为基本保持与其他编辑器一致。比如光标相关快捷键操作如下：

　　Ctrl+Shift+[，Ctrl+Shift+]：折叠打开代码块。

　　·Ctrl+C，Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行。

　　·Shift+Alt+F：代码格式化。

　　·Alt+Up，Alt+Down：上下移动一行。

　　·Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行。

　　·Ctrl+Shift+Enter：在当前行上方插入一行。

　　快捷键可以说是程序开发者的至爱，编辑器也支持自定义快捷键。关于如何自定义快捷键，可参考下节“调试”功能中的“快捷键设置项”。