小程序开发二：安装使用开发者工具

图为小程序开发界面

今天主要是说一下，开发者工具，上图就是开发者工具的界面，也是小程序的编辑器。

在公众平台上的首页，有一个开发者工具下载的链接，可以直接下载微信开发者工具。

如果以前都做过微信web开发的话，应该也用过这个工具，当时是提供的功能比较简单，调试web页面，调试微信的部分接口功能。现在微信把web页面开发和小程序开发糅合到一个工具中了。

安装完成后，打开微信web开发者工具，看到的是这个界面。

开发者工具登录界面

用注册时认证的管理员的微信号或者是在公众平台上添加的开发者微信号进行扫码登录，否则是无法登录的。

那么扫码之后，会出现这个界面

开发者工具选择界面

那么这里的就把 公众号网页开发和小程序开发区别开了，根据你不同的需求做出选择。点击右下角可以切换账号。

小程序项目目录创建

这里呢，就需要用到我们的APPID了，找一个地方新建文件夹，作为项目的根目录，然后给我们的项目设置一个名称，当输入完这些信息后，会有一个勾选选项，是否选择建立普通快速启动模板。也就是自动搭建好一个简单的框架。那么这里选择勾上。

点击确定，就进入到编辑页面了。

小程序开发界面

这就是我们的小程序的开发界面了，顶部是常规的工具栏、菜单栏等等，下边是主体区域，分为三栏，左侧是显示界面，中间是项目目录，右边是我们的代码编辑界面。

我们可以看到中间目录栏，快速启动模板已经帮我们搭建好了基础的几个文件。然后我们就可以根据开发文档进行相应的开发了。