1.3 创建小程序

安装完毕之后，在应用程序里面找到微信web开发者工具，双击运行。这时需要管理员或者绑定的开发者使用手机微信扫码登录，如图1-27所示。

图1-27 微信开发工具登录界面

扫码登录之后，可以看到如图1-28所示的界面。

图1-28 微信开发工具首页

单击“本地小程序项目”，进入项目列表界面，如图1-29所示。在这里可以创建新的项目，也可以打开历史创建的项目。

图1-29 小程序项目列表

单击“添加项目”，输入小程序的AppID（个人开发者可以选择无AppID来学习小程序开发），输入项目名称，选择本地空文件夹作为项目目录，如图1-30所示。注意：“项目目录”可以选择本地已有的小程序项目，单击“添加项目”即可完成微信小程序项目的导入。

图1-30 添加项目

勾选“在当前目录中创建quick start项目”，可以创建pages、utils文件夹和app.js、app.json、app.wxss文件，如图1-31所示。不勾选“在当前目录中创建quick start项目”将创建一个空内容项目，如图1-32所示。

图1-31 勾选“在当前目录中创建quick start项目”的项目

图1-32 未勾选“在当前目录中创建quick start项目”的项目

单击“添加项目”按钮，第一个微信小程序项目“Hello World”就创建成功了。此时可以看到完整的开发者工具界面，如图1-33所示。

图1-33 开发者工具界面