微信开发者工具开发版 电脑版v1.06.2401232

微信开辟者工具开辟版是一款微信小程序的开辟以及调试的软件，能够患上多的用户都应用过微信小程序，实践上只要要通过业余的工具，就能够自身开辟小程序应用，在微信开辟者工具这个软件当中，通过内置的调试性能以及版本治理、名目分享性能，开辟者能够快速编写、修改以及调试小程序代码。

软件介绍

微信开辟者工具程序调试主要有三年夜性能区：模拟器、调试工具以及小程序操纵区

一、模拟器

模拟器模拟微信小程序在客户端真正的逻辑显示，对于绝年夜整体的 API 均能够在模拟器上显示出准确的状态。

二、自界说编译

点击工具栏中的编译按钮或者应用快速键 Ctrl(⌘) + B，能够编译以先进码，并主动革新模拟器。

同时为了帮助开辟者调试从分比方场景值进入细致的页面，开辟者能够增添或者抉择已经有的自界说编译条件停止编译以及代码预览。

三、编译异样信息

在预览或者上传的进程中，能够会浮现编译异样信息。

马虎上传的文件：在名目文件夹下，某些文件能够不是小程序运行所需的，比方 readme 文档、.gitignore 文件等。为了优化巨细，在预览以及上传的进程中，这些文件将不会被打包。

体积过年夜的文件：如果勾选了 ES六、 转 ES5 或者代码压缩的选项，为了优化编译速率，对于某些体积很年夜的 JS 文件，工具会跳过对于这些文件的解决。

四、自界说预解决

在名目配置页卡，咱们供应了下列多少个默认的预解决，能够解决年夜整体的代码文件预解决的问题

1）ES6 转 ES5（能够应用于编译、预览、上传），应用 "babel-core": "^6.26.0"

2）上传代码时样式主动补全，应用 "postcss": "^6.0.1"

3）上传代码时主动压缩，应用 "uglify-js": "3.0.27"

对于低档开辟者来说，齐万能够自身编写主动化构建剧本对于代码文件停止预解决，以是微信开辟者工具供应了 启用自界说解决命令 选项 开辟者能够指定 编译前/预览前/上传前 需要预解决的命令 开辟者工具应用 shell 的形式运行指定的命令，并在管制台中输入命令的实行日志

预解决命令的执途程序

1）自界说预解决命令

2）默认预解决命令

3）编译/预览/上传

注：

1）编译前预解决命令，需要手动点击 "编译" 按钮，或者应用快速键编译能力触发。文件修改无奈触发该命令。

2）Mac 版本的开辟者工具无奈复用 bash 中的 Path 情况变量。能够需要手动配置系统的 Path 情况变量，能力失常实行命令。

五、先后盾切换

工具栏中先后盾切换帮助开辟者模拟一些客户真个情况操纵。比方当用户从小程序中回到谈天窗口，会触发一个小程序被配置为后盾的回调。

六、调试工具

微信开辟者工具调试工具分为 7 年夜性能模块：Wxml、Console、Sources、Network、Appdata、Storage、Sensor、Trace

七、Wxml panel

Wxml panel 用于帮助开辟者开辟 wxml 转化后的界面。在这里能够看到真正的页面构造以及构造对于应的 wxss 属性，同时能够通过修改对于应 wxss 属性，在模拟器中实时看到修改的状况（仅为实时预览，无奈生存到文件）。通过调试模块左上角的抉择器，还能够快速定位页面中组件对于应的 wxml 代码。

八、Sources panel

Sources panel 用于显示以后名目标剧本文件，同浏览器开辟分比方，微信小程序框架会对于剧本文件停止编译的事件，以是在 Sources panel 中开辟者看到的文件是通过解决以后的剧本文件，开辟者的代码都会被包裹在 define 函数中，而且对于 Page 代码，在尾部会有 require 的踊跃调用。

九、AppData panel

AppData panel 用于显示以后名目运行时小程序 AppData 细致数据，实时地反应名目数据状况，能够在此处编纂数据，并实时地反应到界面上。

十、Storage panel

Storage panel 用于显示以后名目应用 wx.setStorage 或者 wx.setStorageSync 后的数据存储状况。

能够间接在 Storage panel 上对于数据停止删除了（按 delete 键）、新增、修改。

十一、Network panel

Network Panel 用于考察以及显示 request 以及 socket 的申请状况

十二、Console panel

Console panel 有两年夜性能：

1）开辟者能够在此输入以及调试代码

2）小程序的同伴输入，会显示在此处

在微信开辟者工具管制台中能够输入下列命令

build: 编译小程序

preview: 预览

upload: 上传代码

openVendor: 关上基础库所在目录

openToolsLog: 关上工具日志目录

checkProxy(url): 检察指定 url 的代理当用状况

十三、Sensor panel

Sensor panel 有两年夜性能：

1）开辟者能够在这里抉择模拟天文地位

2）开辟能够在这里模拟移动设施显示，用于调试重力感到 API

十四、主动预览

主动预览能够实现编写小程序时快速预览，罢黜了每一次检察小程序效果时都要扫码或者应用小程序助手的贫苦。只要按下快速键，保持前台运行的微信就可主动唤出或者革新小程序。

要应用主动预览性能，需要配合 6.6.7 及以上的微信客户端版本。

要最先应用 “主动预览” 性能，能够在关上预览二维码的时刻，点击 “主动预览” 标签以切换到主动预览形式。切换到主动预览形式后，只要按下预览快速键，或者点击浮窗上的 “编译并预览” 按钮，就可触发主动预览。此时工具会上传代码，保持前台运行的微信客户端会主动革新以后开辟的小程序。

当主动预览胜利时，工具栏上的预览图标会显示为一个绿勾。如果预览失足，则会显示为一个血色齰舌号，能够点击检察详情。

细致，主动预览性能仅限与登录开辟者工具的同账号微信应用。如需换回一般预览形式，只要要点击 “扫描二维码预览” 标签就可。

用户能够在微信开辟者工具快速键配置里自界说预览快速键。