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

【功能说明】

　　使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK 详情

　　使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

【界面介绍】

　　一、登录页

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

　　二、项目列表

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

　　三、新建项目

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

　　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、该用户必须为微信开发者，即微信小程序、订阅号以及服务号的开发者；

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

　　登录：

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

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

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

　　3、通过浏览器微信扫码登录

　　使用：

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

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

　　小程序专属项目组

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

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

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

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

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

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

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

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

　　其他项目组：

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

【新手教程】

　　代码静态依赖分析

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

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

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

　　1、目录树顶部导航栏

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

　　二、查看代码包构成

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

　　三、查看代码依赖关系

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

　　四、查看无依赖文件

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

　　五、获取分析数据

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

　　六、原理介绍

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

【更新内容】

　　修复 32 位系统无法编译小程序、提示重启耗时过久的问题

　　修复 使用 cli 打开 project.config.json 中 projectname 为中文的项目时会一直卡在初始化应用通信能力的问题 反馈详情

　　修复 ts 项目编译前命令无限执行的问题

　　修复 PC 端模拟器的 touchend 事件回调参数 changedTouches 为空的问题