web全栈工程师，全栈工程师之路-中级篇之小程序开发-第一章第二节注册小程序和开发工具讲

这节课我们来说说微信提供的小程序开发工具。

一、首先我们从官网下载微信开发者工具排名不稳定

这节课我们来说说微信提供的小程序开发工具。

官网微信开发者工具的下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

下载了之后执行安装一直下一步直到完成。

1、安装完成打开微信开发者工具（以下称之为工具）

需要扫描工具登录二维码。这里和后台管理不同的地方时扫码的微信号不需要一定是这个小程序的管理员也可以是小程序的开发者开发者可以在小程序的后台设置里面添加。

2、登录之后可以选择使用工具是开发小程序还是用于公众号网页开发。选择本地小程序项目。

点击加号按钮增加小程序项目这里需要注意的是这个按钮即是打开也是新建。如果你选择的目标目录是一个空文件夹那工具就认为你是要新建一个小程序如果不是空文件夹工具就会认为你是要打开一个现有的小程序。

如果发现新建项目错误可能是目标目录不为空。

3、进入添加项目界面appid从小程序后台获得没有注册小程序的朋友可以参考上一节课的内容进行注册。也可以暂时跳过选择右边的无AppID,但是不建议使用这个你后面还是需要提供appid的。而且没有appid是不能在真机上调试的。这里需要注意的是小程序的项目和appid不是强绑定的关系你可以用别的小程序appid打开你之前写好的小程序项目。

勾选“在当前目录中创建 quick start项目”新建一个官方demo不勾选新建一个空白项目。这里我们勾选上这个选项。因为我们接下来会先带领大家阅读这个官方demo的源码。填写完毕点击右下角的添加项目。

4、默认打开的是项目页面我们可以点击预览

弹出二维码可以使用手机扫描二维码注意只有管理员、开发者和本小程序的体验者可以打开小程序。

5、点击上传按钮就是编译部署了也是要扫描二维码。需要填写版本号和日志。

6、点击工具左侧的选择卡切换到“调试”页面。基本用法和谷歌的开发者工具差不多需要特别注意的是因为小程序没有html所以查看界面结构是在wxml。这里留意一下右上角的七个模块。