1.3 小程序开发工具
相对于其他烦琐的开发者环境搭建，小程序的开发者工具可谓非常人性化，基本上仅仅需要一个简单的安装文件，在短暂的安装后，就可以使用全部的开发者功能进行小程序的开发和测试了。
1.3.1 下载和安装
1．下载
腾讯公众平台提供了各个版本的小程序开发工具下载和API更新的说明，开发者可以直接通过以网址下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html。
打开该网址之后，可以看到最新版本的下载地址。在小程序的开发上，腾讯为开发者提供了两个系统的支持：Windows和Mac OS。其中，Windows平台分为64位和32位版本，如图1-9所示。请读者根据自身的系统版本进行下载。
图1-9 下载版本
2．安装
（1）这里以Windows 64位版本为例，下载完成后双击下载的文件，打开后如图1-10所示。
图1-10 安装图示
（2）单击“下一步”按钮，选择要安装的地方，再次单击“下一步”按钮，开始安装软件。安装完成后，会自动打开该软件，如图1-11所示。
图1-11 打开软件
（3）此时需要手机登录微信并扫码才能进行操作，这样做的理由有两个：其一，为了保证开发的安全，没有权限的开发者是不能对小程序进行任何操作的；其二，此时扫码登录的用户，是作为开发时该微信小程序的唯一用户存在的。
（4）成功扫码后的界面如图1-12所示。本书的内容是小程序的开发，所以选择小程序项目，界面的左边会显示之前的开发项目，单击该页面下方的“+”号按钮，即可创建一个小程序工程。
图1-12 小程序开发者工具
在这里创建项目需要用到在1.2.2节中设置的AppID（或者单击体验小程序的选项，会自动分配一个测试的AppID）。成功创建一个测试小程序的界面如图1-13所示。
图1-13 成功创建一个测试小程序的界面
1.3.2 图解常用功能
小程序开发者工具从面世到现在，已经进行了多次的改版和升级，也增加了大量新的内容。本节将主要针对一些常用的功能进行讲解。
从图1-13可以看出，开发者工具主要分为3个部分：模拟器、编辑器、调试器。对于原生的小程序开发，这3部分都是必要的。但笔者推荐的WePY的开发方式，一般不会在编辑器中编辑代码，所以这里主要介绍模拟器和调试器两个部分。
1．模拟器
模拟器首页如图1-14所示。如何让小程序在所有型号的手机中拥有相同的体验，是模拟器的功能所在。微信小程序中的模拟器，可以支持不同手机型号和分辨率的模拟，并且内置了常用的手机型号和相应的分辨率。不仅如此，小程序的模拟器还内置了对于不同网络环境的模拟。根据不同的网络环境实现更好的用户体验，也是每一个开发者应当考量的事情。
图1-14 模拟器首页
除了简单的模拟器功能，在开发者工具的上方，还有一些常用的调试编译工具，如图1-15和图1-16所示。
图1-15 模拟器调试
图1-16 编译选项
通过这些工具可以调试不同的情景下应用的模式和显示效果，并且对于开发时每一次不同的编译模式，可以极大地降低调试和开发的难度和复杂程度，加速开发和测试的过程。在编译模式中，最新的开发者工具提供了二维码编译的功能和远程调试的功能，在后面讲开发的过程中会一一说明其功能和用法。
注意：对于测试AppID的小程序而言，是不能使用远程调试功能的，而且，对于模拟器中的不少API功能，都是无法实现的，需要使用真机进行调试。
2．调试器
调试器界面如图1-17所示，如果读者是一位前端开发者或者接触过Web开发，对于这个调试器肯定非常熟悉。这个调试器是Chrome（Chromium）的调试部分，而小程序的调试器是对DevTools的封装。
图1-17 调试器界面
说明：Chrome DevTools是谷歌浏览器自带的一个开发者调试工具。
在开发过程中，所有的输出信息、网络信息、报错信息、存储信息都会出现在这个调试器中，具体的使用在后面的章节中都会一一介绍。