微信小程序开发者工具主界面功能介绍

我们利用微信小程序开发者工具创建小程序开发项目时，首先要了解的就是开发者工具包括主界面在内的各项功能介绍。今天就跟小编一起了解下小程序开发者工具主界面的功能有哪些。

上图展现的就是微信小程序开发者工具主界面的各项功能。从上到下，从左到右分别为：菜单栏、工具栏、模拟器、目录树、编辑区、调试器六大部分。

微信小程序开发者主界面菜单栏：

1、微信web开发者工具：切换账号、关于开发者工具介绍、检查版本更新、开发者论坛、开发者文档、调试、退出开发者工具等。

2、项目：新建项目、打开最近、查看所有项目、关闭当前项目。

3、文件：新建文件、保存、保存所有、关闭文件。

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

5、工具：编译、刷新、编辑配置、前后台切换、清除缓存。

6、界面：设置主界面窗口模块的显示与隐藏。

7、设置：外观设置、编辑设置、代理设置、通知设置。

微信小程序开发者主界面工具栏：

1、点击用户头像可以打开个人中心，在这里可以便捷的切换用户和查看开发者工具收到的信息。

2、用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。

3、工具栏中间，可以选择普通编译，也可以新建并选择自定义条件进行编译和预览。

4、通过切后台按钮，可以模拟小程序进入后台的情况。

5、清缓存：可以快捷清除工具上的文件缓存、数据缓存、还有后台的授权数据，方便开发者调试。

6、开发辅助功能区域：可以上传代码、版本管理、查看项目详情等。

微信小程序开发者工具主界面模拟器：

可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。

微信小程序开发者工具主界面调试器：

用来调试小程序代码。

还有目录树和编辑区，就是小程序项目的具体目录和代码编辑的区域。微信小程序开发者工具主界面是可视化界面，各功能都很直白易懂，对于微信小程序制作开发人员来说基本上很容易上手。

原文地址：