概
览
为了帮助开发者简单和高效地开发和调试微信小程序,开发者工具在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。
1
1.使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK
2.使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。
下载安装包
下载链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
按照你电脑的系统版本选择安装包下载
登录微信开发者
安装方法很简单,和普通软件的安装方法一样。
安装完之后,打开就提示登录了!
在登录页,可以使用微信扫码登录开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。
导入小程序代码
当符合以下条件时,可以在本地创建一个小程序项目
1.需要一个小程序的 AppID;如没有 AppID, 可以选择申请使用测试号。
ps:注册小程序链接:https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN
2.登录的微信号需要是该 AppID 的开发者;
3.需要选择一个空目录,或者选择的非空目录 下存在
app.json
或者project.config.json
。当选择空目录时,可 以选择是否在该目录下生成一个简单的项目。
开发者工具界面
主界面
开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器 六大部分。
如果你成功打开微信开发者工具进入主界面的话,那恭喜你,已经安装好开发者工具了,是不是好简单呢?赶紧开始调试你的第一个小程序吧!