官方在下载“微信开发者工具”之后，需要微信账号扫描二维码才能登陆。

首先需要微信账号

2017.11.16微信小程序开发者工具更新22项。

第一个选项，本地小程序项目。添加一个项目。appID：已经有了小程序账号可以填写。没有的就填无。填写项目目录，名字。“建立普通快速启动模板”，快速开始。

进入主界面后，上面是工具栏。左边模拟器UI视图，官方给了一个初始化的dome。“iphone” 是模拟器，因为小程序要运行在不同机型上的。这里可以选择从iphone4到各种机型。后面是模拟在不同网络状态下的情况。wifi，2G等。模拟器上是没有效果的。

模拟器：就是显示UI界面，实时显示出来。编辑器：编辑代码区域。调试器：调试面板显示的。

编译：还是用ctrl+s吧，比较方便一些。切换后台，模拟手机上多个程序，需要切换后台运行时候。

清缓存：目前的清缓存包括很多东西，数据缓存是保存本地的storage，比如银行用户登录信息等。文件缓存，微信小程序提供了很多api，文件的形式，作为文件缓存。缓存：清除数据的缓存，storage，比如各种账号信息。文件存储，后面会提到，小程序会有文件操作api，可以把文件当做缓存存储在本地。想清除就在这里操作。

以上整体预览一下。

编辑器：

这是写代码的地方。目录的结构，就是树形结构。不过创建文件不是很方便。创建文件时候，点击要在哪个文件夹创建，然后右键，新建，会出现几种文件格式，不过常用的有文件夹，js，json，wxml和wxss。

增加了实时预览功能很好，不用编译就时时预览了。以前需要编译，现在不用了，只要保存一下，ctrl+s就好了。

调试器：

调试最右边这一小栏，是查看值，变量状态的区域。 

调试功能区域，加断点的。方便调试代码的。

点击“调试”，这个区域是编译之后的树状目录结构，和“编辑” 那个目录结构是对应的。但是会把wxss和wxml编译了，在这里是看不到的。只有JS文件，每个js文件有两种，一个js后缀，一个sm后缀，sm是跟源代码是一样的。js后缀是编译过之后的，会添加相应的代码：

post-detail.js文件添加了define等文件 post-detail.js[sm]的没有添加

包括增加的require引用的别的文件。

可以看一下，编辑区的post-detail.js没有上面的那一行

编辑区里面的post-detail.js没有添加define

调试的时候，一定要在sm里面打断点。不要在app.js里面打。调试器中的js文件就算打断点，也会自动跳到sm文件上的。关于调试的快捷键，单步调试f10，跳到下一个断点f8。

content，snippets暂时不知道是什么功能。后能三个小点，打开后有个open file，可以快速查找文件。在编辑区域，有个简便的方法，如果查找某个方法，可以command+f。还可以替换。小技巧。

调试情况下，这些东西作用

console：代码错误，警告信息，以及你使用console.log综合的显示区域。比如在代码里随便输入错误代码，然后编译，调试。有什么问题就在console下面先看一下有什么报错信息。就会在console下面提示类似如下错误：

network区域：看一下几个常用的地方，比如下面网络链接的链表：

加载了几个文件。虽然小程序说的不需要加载和安装，其实还是要加载一些文件的。上面一块管理链接耗费时间的地方。

通过点击不同的地方，选择要查看不同资源加载的情况。比如点击JS，css还可以筛选。或者ALL查看所有。点击一个具体要查看的文件后，就可以显示这个文件的具体加载信息。比如点击appservice，如下显示：

这个用的比较多的，具体查看网络信息的地方。

比如headers显示http请求头的信息。response显示请求返回信息的地方，preview是预览。timing 每个请求具体耗费时间的管理的一个地方。 

storage 小程序是支持本地缓存的。webapp不支持，经常记不住信息的。比如某银行服务号的时候，每次都需要输入身份认证号。下次再进去又不记得了。体验比较差。小程序有本地缓存功能。这里可以查看缓存数据。logs里面记录了官方示例的时间戳。

我的这个暂时还没有本地存储的东西。下面这个是课程中，老师的存储的东西。

查看AppData。

appdata：用到数据绑定再说这个。这是与页面相关的，每个页面有一个单独这样被折叠起来的东西。现在因为只有一个页面，所以只有一行。显示绑定数据的情况，如果有多个页面，就显示多个这样被折叠的区域。

wxml：小程序ui界面和代码连接的区域。比如鼠标放在那个ui，代码会高亮显示。同样代码也是。ui会高亮显示。

调试说完了，下面说详情，点击最右上角会出现详情板块，如下显示：

项目这里说的是一个项目整体的管理情况。也是上传和发布微信小程序的地方。

AppID：touristappid。因为无APPID，这里显示的是游客id。不能真正上传和发布小程序。上传和预览都是灰色的，点不了。

es6转es5，只能处理es6语法上的问题，新的api，比如promise，是不支持的。直接用了es6的api，可能会有错误。小程序支持ES6语法。

监听文件变化（已经去掉了），自动刷新开发者工具。就是ctrl+s，可以自动刷新界面。实时预览。最下是删除项目。

编译：有了ctrl+s后这里的意义就不大了。

后台：用来模拟应用程序前后台切换动作的区域。ios经常两个程序切换，被切换的程序实际在后台运行状态。小程序也有这个模拟机制，  可以再模拟器中模拟应用程序前后台切换的这个动作。切换前后台的动作，会在模拟器里触发一个事件。

mac左上角“微信开发者工具”->"关于"，打开文档，就可以很快进入api帮助文档中。