注意：建立小型程序环境和开发工具的简要介绍

注释日期：2018-1-03

下载开发工具

类似于其他产品的开发，小型程序的开发也需要相应的环境。小程序的开发环境非常简单，只需下载一个开发工具即可。微信正式提供了一个小型程序开发工具，可以在官方网站上下载。

官方网站下载地址：

只需下载相应的版本，我在这里下载的是最新版本。

下载完成后进行安装，因为该安装是图形化的中文版本，因此我不会过多解释：

小程序的现状和局限性

建议如果您处于学习阶段，最好在模拟器上运行，并且一些相关信息需要绑定到真实计算机上。这个过程比较麻烦，不利于初学者。

小程序开发工具简介

安装开发工具后小程序开发工具使用，运行后将弹出一个对话框，允许您使用微信扫描代码登录：

登录后单击小程序项：

创建相应的项目，如果您没有该项目，则可以单击“单击此处进行检查”。当然，您也可以注册一个。我选择在这里不使用它：

已创建：

左侧是效果的显示区域，右侧是代码编写区域。修改并保存代码后，按Ctrl + s保存，它将被自动编译，然后修改后的效果将显示在左侧。该开发工具相对简单，没有复杂的功能。

打开调试器：

该调试器与 的开发人员工具一样。

文件树：app.js是已编译文件，后缀为[[sm]后缀的文件是未编译文件：

控制台界面将显示错误消息或输出消息：

在界面中，您可以按Esc键以显示以下控制台：

该界面可以查看网络请求信息：

界面视图缓存：

界面视图数据绑定：

Wxml界面，您可以查看元素：

详细的界面：

如果您使用它，则应该打开上传按钮，因为我是游客证，所以它们为灰色。

切换到后台用于模拟切换时在后台运行的应用程序的状态：

清除缓存按钮将清除界面中的缓存数据。

关于快捷键：

Ctrl + f可以打开搜索：

用于断点调试的快捷键：

F10单步调试，F8是转移到下一个断点

这些快捷键可以在“设置”>“快捷键设置”中查看，或者您可以自定义快捷键：