微信小程序开发详解（二）---开发工具使用简介

1：PC桌面打开微信小程序开发工具（微信web开发者工具），如图1所示：

       

                                                                                                图1

2: 用微信扫描图1中的二维码，如图2所示，并选择第一项“本地小程序项目”，如图3所示。（现在如果开发工具版本太低，扫描时会报错，请先升级开发工具，开发工具会自动检查版本并自动升级。）

   图2

图3

3: 图3中如果第一次创建项目，请选择“添加项目”，否则选择已经添加的项目。选择“添加项目”，如图4所示。

图4

4: 图4中如果仅仅是为了学习开发请选择“无AppID”，然后填写项目名称，选择项目目录，并且点解“添加项目”按钮。如图5所示，进入微信小程序开发工具主界面。

图5

5: 图5中点击工具左上角的“编辑”，工具进入编辑模式界面，如图6所示

图6

6: 图5中点击工具左上角的“调试”，工具进入调试模式界面，如图7所示

图7

7: 图7中点击工具左下角的“后台”，此时程序模拟当电话打来时，微信小程序进入后台的状态，如图8所示

图8