小程序开发者工具下载及调试指南

昨天晚些时候微信团队发布了微信小程序者工具、微信小程序文档和微信小程序设计指南,全新的者工具,集成了调试、代码编辑及程序发布等功能,帮助者简单和高效地微信小程序。以下是官方文档,内含小程序者工具下载地址及调试指南。

下载地址:者工具0.9.0版

64版; 32版; 版

为了帮助者简单和高效地微信小程序,我们推出了全新的者工具,集成了调试、代码编辑及程序发布等功能。

扫码登录

启动工具时,者需要使用已在后台绑定成功的微扫描二维码登录,后续所有的操作都会基于这个微信帐

程序调试主要有三大功能区:模拟器、调试工具和小程序操作区

模拟器

模拟器模拟微信小程序在客户端真实的逻辑表现,对于绝大部分的 均能够在模拟器上呈现出正确的状态。

调试工具

调试工具分为 6 大功能模块:、、、、、以及

用于帮助者 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 属性,同时可以通过修改对应 属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的 代码。

用于显示当前项目的脚本文件,同浏览器不同,微信小程序框架会对脚本文件进行编译的工作,所以在 中者看到的文件是经过处理之后的脚本文件,者的代码都会被包裹在 函数中,并且对于 代码,在尾部会有 的主动调用。

用于观察和显示 和 的请求情况

用于显示当前项目当前时刻 具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。

用于显示当前项目的使用 . 或者 . 后的数据存储情况。

有两大功能:

者可以在此输入和调试代码

小程序的错误输出,会显示在此处

小程序操作区

小程序操作区帮助者模拟一些客户端的环境操作。例如当用户从小程序中回到聊天窗口,会触发一个小程序被设置为后台的。

当小程序使用到多窗口的时候,可以在顶部操作区进行页面切换,需要注意的是这个操作只是为了方便者才存在的,在真实的微信客户端中是不会有的。

编辑区可以对当前项目进行代码书写工作,同时可以对文件进行基本的添加、删除以及重命名。

工具目前提供了4种文件的编辑:

自动补全

同大部分编辑器一样,我们提供了完善的自动补全

常用快捷键

格式调整

+:保存文件

+[, +]:代码行缩进

++[, ++]:折叠打开代码块

+ +:粘贴,如果没有选中任何文字则粘贴一行

++:代码格式化

+,+:上下一行

++,++:向上向下一行

++:在当前行上方插入一行

光标相关

+:到文件结尾

+:到文件开头

+:选中当前行

+:选择从光标到行尾

+:选择从行首到光标处

++:选中所有匹配

+:选中匹配

+:光标回退

项目目录显示的是当前项目的一些细节情况,包括图标、、目录信息等等。

​点击预览功能,工具会自动编译和构建代码,并生成代码包上传到微信服务器,成功后将会显示一个二维码,者用新版微信扫描二维码即可在手机上看到相应项目的真实表现

需要注意的是,内测阶段,代码上传 功能仅微可操作。

© 版权声明
THE END
分享