微信开发者工具稳定版

微信开发者工具稳定版是一款由微信官方推出的编程开发工具，此版本是比较稳定的一个版本，是由测试版缺陷收敛后转为稳定版，想对于正常版本来说，此版本在原来的基础上解决了部分windows机器打开时工具黑屏，设置改变后，再次启动时没有生效的问题。同时新增支持从扩展面板导入解包的文件夹安装扩展，新增小游戏支持实验室数据接口，新增支持工具配置自定义主题色，新增真机性能分析工具，新增小程序压测工具，增支持编辑JSON文件时点按跳转和补 WXML文件路径等多种功能，还有非常多的功能还得用户自己去发现。

微信开发者工具稳定版可以在微信内被便捷地获取和传播，同时具有出色的使用体验。软件界面干净清爽，非常简洁，同时功能性十足，提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生APP体验的服务。同时软件集成了公众号网页调试和小程序调试两种开发模式。通过微信开发者工具稳定版这款软件用户可以完成小程序的API和页面的开发调试、代码查看和编辑、小程序预览和发布等功能，如果不会使用的话，软件中还包含了非常多的文字图片教学和视频教学，帮助开发者快速全面的了解小程序开发的方方面面。

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

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 (Microsoft Windows 系统) 下找到。

注意：

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

2、扩展的启用和禁用是对所有项目生效的。目前不支持针对单个项目启用或禁用某扩展。

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

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

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

微信开发者工具稳定版代码管理如何使用？

开通：

每个小程序都会自动创建一个以 wx_appid 为路径的专属项目组，用户无需单独进行开通。小程序管理员会自动成为该项目组的 Owner，登录过微信开发者·代码管理的开发者会自动成为该项目组的 Master。

微信开发者·代码管理的登录用户必须同时满足以下两个条件：

1、该用户必须为微信开发者，即微信小程序、订阅号以及服务号的开发者；

2、该用户必须为实名认证的用户。

登录：

微信开发者·代码管理的登录方式包括：

1、通过微信开发者工具管理中的“代码管理”快速进入微信开发者·代码管理。

2、通过工具栏中的“微信开发者·代码管理”快速进入。

3、通过浏览器微信扫码登录：https://git.weixin.qq.com

使用：

初次使用的开发者，请先前往微信开发者·代码管理进行帐号初始化。未初始化帐号将无法创建项目和拉取代码。

用户可登录微信开发者·代码管理系统进行个人信息设置，包括：昵称、头像、Git 帐户、SSH 密钥等。

小程序专属项目组

每个小程序都会自动创建一个以 wx_appid 为路径的专属项目组，用户无需单独进行开通。

在管理中添加远程仓库时，系统会自动拉取该小程序专属项目组下已创建远程仓库列表。用户可点击选择相应仓库，系统会自动填充该仓库的 URL 和名称，方便用户添加。

添加远程仓库后，如需进行代码推送、拉取，请先前往微信开发者·代码管理系统进行帐号初始化并完成帐号设置，包括：Git 帐号和密码。同时在网络与认证中输入相同的帐号和密码用于认证。

如无可用仓库，可前往微信开发者·代码管理进行创建。

请注意，和用户自主创建的项目组不同，小程序专属项目组具有一些特殊特性，包括：

1、小程序专属项目组人员会自动关联小程序开发者信息，只能在小程序管理后台进行人员管理。

2、小程序管理员会自动成为该项目组的 Owner，登录过微信开发者·代码管理的开发者会自动成为该项目组的 Master。未登录过的开发者，将不会同步权限。

3、小程序专属项目组的路径无法修改。

其他项目组：

除小程序专属项目组外，用户可在微信开发者·代码管理中创建其他项目组。非小程序专属项目组完全由开发者自行管理。Git 使用相关教程。

微信开发者工具稳定版代码静态依赖分析

代码静态依赖分析

工具提供代码静态依赖分析插件，方便开发者查看代码包的文件构成和依赖关系，以此优化代码包大小和内容。

运行环境

下载并安装 1.03.2101150 或以上版本的开发者工具，下载地址。

一、开启代码静态依赖分析插件

开发者可以通过两个入口启动插件：

1、目录树顶部导航栏

2、项目设置-本地代码-代码依赖分析

二、查看代码包构成

启动分析插件后，可默认查看到项目内文件组成情况以及对应的代码体积，和无依赖(即没有使用到)的代码文件大小

三、查看代码依赖关系

点击任意一个文件（非无依赖），可以查看该代码文件的依赖关系图。点击右键，可快速打开对应文件的代码编辑。

四、查看无依赖文件

开发者通过切换筛选条件（选择无依赖文件）或快捷入口，可以看到当前项目无依赖的文件情况，并根据自身情况对代码文件进行优化。

五、获取分析数据

miniprogram-ci 从 v1.6.1 版本开始，新增了analyseCode方法，通过调用该方法可获取到代码静态依赖分析结果的JSON数据。具体请查看 miniprogram-ci 文档

六、原理介绍

代码静态依赖分析插件，会对代码包中的代码文件（后缀名为json、js、 wxml、wxss、wxs的文件）进行依赖分析，从app.json/game.json入口出发，找出项目中各个代码文件的依赖关系，构建出文件依赖关系图。未检测到依赖关系的文件会被标记为无依赖的文件。代码包中除了代码文件以外，其余文件（如图片等）会被标记为资源文件，不参与依赖分析。

更新日志

v2.02.2608040版本

1、新增 Electron 版本工具

2、新增 菜单 -> 外观设置模拟器&调试器位置

3、新增 小程序 AI 开发调试能力

4、新增 开发者工具 Skill 能力

5、新增 其余系列新增功能

6、修复 wx.chooseAddress 无法选择地址

7、修复 工具 Skill 系列反馈问题

8、修复 tcp 接口使用问题

9、修复 工具添加编译模式系列交互问题

10、修复 切换 appid 相关反馈问题

11、修复 showToast 设置自定义图片时无法显示

12、修复 wxml 文件无法 class 跳转 sass/less 文件

13、修复 更改调试器主题会崩溃

14、修复 企业微信反馈模式系列问题

15、修复 真机调试 network 面板不显示数据的问题

16、修复 自动真机调试报错的问题