1.2 配置开发工具

微信开发者工具是微信官方推出的小程序开发工具，集代码编写、调试、效果预览等功能于一体。

1.2.1 下载

打开下载网址：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

会看到三个版本的下载链接，分别是：

Windows 64、Windows 32、Mac

选择与自己的电脑系统适配的版本。如果是Windows7+系统，则选择Windows 64。如果是XP系统，则选择Windows 32。如果是Mac OS系统，则选择Mac。如果使用的是Windows 7# 32位系统，则选择Windows 32版本。

2017年8月22日，微信在发布WXS的同时推出了全新界面的微信开发者工具的Beta版本，将“微信Web开发者工具”更名为“微信开发者工具”。Beta版本用于优先发布新特征、新组件、新功能，但不建议在正式项目中使用。Beta版本可与正式版本同时安装在一台机器之上，感兴趣的读者可打开下面的网址进行下载：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/beta.html

1.2.2 安装

此处小程序的安装，将以Mac OS系统为例进行讲解。获得dmg安装包之后，双击打开，如图1-8所示。

图1-8

然后将“微信开发者工具”直接拖至“Applications”即可。如果已经安装了旧版本，则选择覆盖。

1.2.3 设置编辑器属性

安装完成后，就可以设置编辑器的属性了。以Mac为例，依次打开“菜单”→“设置”→“编辑设置”，如图1-9所示。

图1-9

在图1-9中，要同时选中“修改文件时自动保存”和“编译时自动保存所有文件”。单击“保存”按钮退出，这样设置可以减少开发过程中手动保存代码的麻烦，此处的设置对所有项目都生效。