微信小程序的开发工具

我们前面介绍了 如何申请成为微信小程序的开发者。必要的条件是企业或组织的身份认证（我们不讨论如何获得该认证）。然而，仅从开发的角度来看，没有认证并不影响。

小程序不同于微信官方账号，不能随便申请就发文章。编写代码是一个不可或缺的过程。为此，腾讯提供了一套完整的开发工具解决方案，包括编写代码、调试和上传，直接在开发工具中完成。我们来谈谈这个开发工具。

1、下载

下载微信平台官网，地址:

下载 · 小程序

分别提供了 windows ** ，windows32 和 ** c 三个版本。

下载后直接安装即可。

2、创建小程序项目

安装完成后，打开微信 web 开发工具。用个人微信扫描二维码登录。

登录后选择本地小程序。

进入后，可以点击“ ”号按钮创建新项目。本地已经创建过项目的，这里都会看到。

创建项目时，需要在平台上填写小程序 AppID，这在之前关于申请账户的文章中已经提到过了。如果真的不想麻烦，直接选择无 AppID代价不能在真机上调试代码，但不影响开发。

3、开发界面

项目建成后，可进入开发环境进行开发。左边是导航栏，主要有三个界面。

编辑界面

这是开发的主要场景。左边是显示效果的模拟器，可以直接交互。右边是编写代码的编辑器，包括导航代码文件。有 4 类型的代码:

js：JavaScript 代码，主要处理逻辑。wxml：类似于 html，负责页面上控件的显示。wxss：类似于 css 风格文件，用于调整布局，美化界面。json：json 格式配置文件。

有前端开发经验的朋友应该熟悉这些，基本都是一样的套路。

修改代码后，需要手动保存。保存后，模拟器中的版本将自动刷新。

调试界面

假如你用过 Chrome 的开发者工具或其他类似的 web 前端调试工具，这里就不用多说了。

它包括控制台调试、页面源代码、网络请求、页面元素等功能，以满足您开发时的各种调试需求。

项目界面

这是项目的基本信息和一些配置。如果你没有 AppID，或者域名没有配置好接口(微信小程序要求后台接口必须是 https 协议)，但要添加网络请求功能，请务必将开发环境不验证请求域名和 TLS 版本勾选，否则无法成功发出请求。

4、demo

在创建新项目时，选择在当前目录中创建 quick start 项目，你可以看到一个简单的hello world小程序。它可以帮助您了解微信小程序的基本代码结构。

当然，这还不足以让你了解小程序的各种功能。官方网站还提供了小程序示例的源代码下载。您可以从代码中详细了解各种小程序控制器的基本用法。微信官方账号（代码忽略）回复 资源 可直接获取下载地址。

如果一个工人想做好事，他必须首先磨利他的工具。了解使用开发工具是开发微信小程序的第一步。之后，我们将从浅到深逐步详细分析文档和源代码。