前面我们介绍了如何申请成为微信小程序开发者(菜单栏“开发”-“申请”)。必要条件是企业或组织的身份认证(至于如何获得这个认证,这里就不展开讨论了)。不过从开发者的角度来说,没有认证也没关系。
小程序不同于公众号,并不是申请了就可以开始发文章的,写代码是不可缺少的一个环节。腾讯提供了一整套开发工具解决方案,包括写代码、调试、上传,都可以直接在开发工具里完成。下面就来聊聊这个开发工具。
1. 下载
微信平台官网提供开发工具的下载:
提供三个版本:、和mac。
下载完成后直接安装即可。
2. 创建小程序项目
安装完成后,打开微信网页开发者工具,使用个人微信账号扫描二维码登录。
登录后,选择“本地小程序项目”。
进入之后可以点击“+”按钮来创建一个新的项目,如果你本地已经创建过项目,那么这里就会看到。
创建项目的时候需要填写自己在平台上申请的小程序,这个在之前申请账号的文章里有提到过,如果实在不想麻烦,就选择“无”就行,代价就是不能在真机上调试代码,不过不影响开发。
3.开发接口
创建完项目之后就可以进入开发环境进行开发了,左侧是导航栏,主要有三个界面。

编辑界面
这是开发的主要场景,左边是模拟器,可以展示效果,可以直接交互,右边是写代码的编辑器,包括代码文件的导航,代码一共有4种类型:
有过前端开发经验的朋友对这些应该很熟悉,基本都是同样的套路。
修改代码后需要手动保存,保存后模拟器里的版本会自动刷新。
调试接口
如果你曾经使用过开发者工具或者其他类似的Web前端调试工具,这里就无需多说了。
包含控制台调试、页面源代码、网络请求、页面元素等功能,满足您开发过程中的各种调试需求。
项目界面
以上就是项目的基本信息和一些配置,如果你没有或者没配置过接口的域名(微信小程序要求后台接口为协议),但想添加网络请求功能,请务必勾选“开发环境不验证请求域名和TLS版本”,否则请求将无法成功发送。
4. 演示
如果你在新建项目时选择“在当前目录创建项目”,则可以看到一个简单的“ ”小程序。它可以帮助大家了解微信小程序的基本代码结构。
当然,这还不足以让你了解小程序的各项功能,官网还提供了“小程序示例”的源码下载,你可以从代码中详细了解小程序中各类控件的基本使用方法。在公众号中回复源码即可直接获取下载地址。
工欲善其事,必先利其器。了解如何使用开发工具是开发微信小程序的第一步。接下来我们将从最简单到最复杂,更详细地分析文档和源代码。