微信小程序下载工具和调试的详细方案

昨天晚些时候，微信团队发布的微信APP开发者工具，微信和微信小程序开发文件的小程序设计指南，新的开发工具，功能集成开发和调试，代码编辑和出版计划，帮助开发者简单的微信小程序的开发效率。下面是包含程序开发工具的下载地址官方文件和调试指导。

下载地址：开发工具0.9.092300版

Windows 64版；Windows 32版；Mac版

为了帮助开发者开发微信的小程序，简单高效，我们推出了一个新的开发工具，它集成开发调试，代码编辑和发布程序。

工具
清除登录

当启动工具，开发人员需要使用微信号扫描在后台绑定的二维码，和随后的操作将基于微信公众帐号。

程序调试有三个主要功能领域：模拟器、调试工具和小程序操作区域。
模拟器

该模拟器模拟的微信程序真正的逻辑表现在客户端，和大部分的API可以在模拟器的正确状态。

模拟器
调试工具

调试器是分为6个功能模块：Wxml、控制台、源、网络、数据、存储和

3wxml面板

wxml面板是用来帮助开发商开发的wxml转换接口。在这里你可以看到真正的页面结构和相应结构的wxss属性，并在同一时间，你可以通过修改相应的wxss属性看在模拟器实时修改。通过在模块的左上角的调试的选择，你也可以很快的相应页面中的组件到wxml代码。

wxml

源盘

源面板用于显示当前项目的脚本文件，同一浏览器的开发，微信APP框架将编译的脚本文件的工作，所以在源盘文件开发商后处理脚本文件中看到，开发商的代码将被包裹在一个定义功能和页面代码主动呼叫被要求。

来源

网络面板

网络pannle是用来观察和显示的请求和插座的要求

网络

AppData面板

AppData面板用于显示当前项目的当前应用程序数据的具体数据、工程数据的实时反馈，编辑数据，并及时反馈给接口。

应用程序数据

存储板

存储技术是当前项目的wx.setstorage或wx.setstoragesync使用后用于显示数据的存储情况。

保管部

控制台面板

控制台面板主要有两大功能：

开发人员可以在这里输入和调试代码。

慰问

applet的错误输出将在这里显示。

4小程序操作区

小程序操作区域帮助开发人员模拟某些客户端的环境操作，例如，当用户从一个小程序返回到聊天窗口时，一个小程序被触发设置为一个后台API。
5，当小程序被用于多个窗口时，页面切换可以在顶部操作区域完成。应该指出的是，此操作仅为开发商的存在，但不是真正的微信客户。

编辑区域可以编写当前项目的代码，也可以添加、删除和重命名文件。

该工具目前提供了编辑4个文件：wxml wxss js json

自动完成

和大多数编辑器一样，我们提供完全自动完成。

常用的快捷键
格式调整

Ctrl + s：保存文件

代码行缩进

Ctrl + Shift，+，Ctrl，+，Shift + }：折叠和打开代码块

Ctrl + C + V：复制和粘贴，复制和粘贴一行如果没有文本被选中。

代码格式化

ALT + +，ALT +向下：移动一行上下

移动+ Alt + +，Shift + Alt +向下：复制一行向上

Ctrl + Shift + Enter：在当前行上方插入一行

光标相关

Ctrl +结束：移动到文件的结尾

Ctrl + Home：移动到文件的开头

Ctrl + i：选择当前行

移位+结束：从光标到行的结尾

移位+家：从开始到游标

Ctrl + Shift + l：选择所有匹配项

Ctrl + D：选择匹配

游标的后退
项目目录显示当前项目的一些细节，包括图标，AppID，目录信息，等等。

在预览功能键，该工具会自动编译并生成代码，并生成代码包上传到微信服务器。成功后，将显示二维码。开发商可以扫描二维码与新的微信看手机上的相应项目的实际性能。

需要注意的是，内部测试的重要阶段，代码上传功能只有管理员微信号可以被操纵的。

以上是微信小程序下载工具调试数据整理、跟踪相关信息，谢谢你站的支持！