微信小程序工具界面-木庄网络博客

本文整理自网络，侵删。

启动页

登录页

在登录页，可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。

项目列表

登录成功后，会看到已经存在的项目列表和代码片段列表，
在项目列表可以选择公众号网页调试，进入到公众号网页调试模式

新建项目

当符合以下条件时，可以在本地创建一个小程序项目

需要一个小程序的 AppID；如没有 AppID，可以选择申请使用测试号。
登录的微信号需要是该 AppID 的开发者；
需要选择一个空目录，或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时，可以选择是否在该目录下生成一个简单的项目。

多开项目

工具支持同时打开多个项目，每次打开项目时会从新窗口打开，入口有以下几种：

从项目选择页打开项目，处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页
从菜单栏的最近打开项目列表中打开的项目会从新窗口打开
新建项目
命令行或 HTTP 调用工具打开项目

管理项目

对本地项目进行删除和批量删除

主界面

开发者工具主界面，从上到下，从左到右，分别为：菜单栏、工具栏、模拟器、编辑器、调试器五大部分。

菜单栏

微信web开发者工具

切换帐号：快速切换登录用户关于：关于开发者工具检查更新：检查版本更新开发者论坛：前往开发者论坛开发者文档：前往开发者文档调试：调试开发者工具、调试编辑器；如果遇到疑似开发者工具或者编辑器的 bug，可以打开调试工具查看是否有出错日志，欢迎在论坛上反馈相关问题更换开发模式：快速切换公众号网页调试和小程序调试退出：退出开发者工具

项目

新建项目：快速新建项目打开最近：可以查看最近打开的项目列表，并选择是否进入对应项目查看所有项目：新窗口打开启动页的项目列表页关闭当前项目：关闭当前项目，回到启动页的项目列表页

文件

新建文件保存保存所有关闭文件

编辑：可以查看编辑相关的操作和快捷键

阅读剩余部分