微信开发者工具稳定版

微信开发者工具稳定版是经过细致优化的开发利器，在修复测试版缺陷的基础上，带来了更流畅稳定的操作体验。该版本已解决Windows系统下的黑屏现象，并确保设置修改后能立即生效。新增功能包括：从扩展面板直接导入解包文件夹、自定义工具主题颜色、真机性能分析以及小程序压力测试工具，同时提升了JSON编辑的便捷性。作为微信官方推出的开发平台，它界面简洁且功能全面，支持公众号与小程序的调试，大幅简化开发与发布流程。工具内置丰富的学习资源，帮助新手开发者快速上手小程序开发。

微信开发者工具稳定版官方版特色

1、使用真实用户身份，调试微信网页授权。

2、校验页面的JSSDK权限，并模拟大部分SDK的输入与输出。

3、借助集成的Chrome DevTools和基础移动调试模块，辅助开发工作。

微信开发者工具稳定版界面介绍

一、登录页

在登录页，您可以使用微信扫码登录开发者工具，工具将依据该微信账号信息进行小程序的开发与调试。

二、项目列表

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

三、新建项目

满足以下条件时，您可以在本地创建一个小程序项目：

1、需要一个小程序的AppID；如果没有AppID，可以选择申请使用测试号。

2、登录的微信号必须是该AppID的开发者。

3、需要选择一个空目录，或者所选非空目录下存在app.json或project.config.json。选择空目录时，可以选择是否在该目录下生成一个简单项目。

四、管理项目

对本地项目进行删除或批量删除操作。

五、主界面

开发者工具主界面从上到下、从左到右依次为：菜单栏、工具栏、模拟器、目录树、编辑区、调试器六大模块。

微信开发者工具稳定版设置页介绍

【设置页】

设置页包含通用设置、外观设置、快捷键设置、编辑器设置、代理设置、安全设置和扩展设置。通过菜单栏点击设置，或使用快捷键ctrl(⌘) + , 即可打开设置页。

1、通用设置

用于配置语言、工作区路径以及开发者工具的个性化需求。

2、外观设置

支持配置开发者工具的外观、主题和区块设置。

主题：深色、浅色

字体

字号

行距

3、快捷键设置

可以查看和修改当前开发者绑定的快捷键。

4、编辑设置

修改文件时自动保存

编译时自动保存所有文件

文件保存时自动编译小程序

自动折行

用空格代替Tab

代码缩略图

总是在新标签页打开文件

Git比较文件内容时，忽略Windows风格回车符

Tab大小

如果选中“总是在新标签页打开文件”，则在编辑器目录树点击文件时，总是会在新标签页中打开，而非临时标签页。

5、代理设置

可以配置不使用代理、使用系统代理或使用自定义代理。

6、安全设置

可以开启或关闭CLI/HTTP调用功能。

7、扩展设置

可以查看、开启或关闭开发者工具的扩展功能。

微信开发者工具稳定版安装和启用扩展介绍

安装和启用扩展

要安装编辑器扩展，只需打开项目窗口，选择菜单栏【设置】【扩展设置】，并选择【编辑器自定义扩展】选项卡。

点击“打开扩展文件夹”，将解包后的扩展文件夹[1]拷贝到打开的文件夹内。回到设置界面，找到并启用新添加的插件，关闭并重新打开该项目即可生效。

例如下图是安装GitLens（by Eric Amodio）扩展的效果。

注1：不支持直接安装vsix格式的插件。来自Microsoft Visual Studio Code已安装的扩展，其解包后的文件夹可以在~/.vscode/extensions（macOS系统）或C:\Users\用户名\.vscode\extensions（Windows系统）下找到。

注意：

1、自定义扩展默认不会被启用。安装扩展时，应自行确保其运行安全性。开发者工具不承担任何因外部扩展导致的问题。

2、扩展的启用和禁用对所有项目生效，目前不支持针对单个项目单独设置。

3、禁用内置的某些扩展，可能导致部分代码编辑功能缺失。

4、如果因启用某个扩展导致项目无法启动，可以在扩展目录中删除其插件文件夹。

随着开发者工具的更新，某些扩展可能因过时而出现兼容性问题，无法使用。请在遇到兼容性问题后及时更新这些扩展。