昨天晚些时候微信团队发布了微信小程序者工具、微信小程序文档和微信小程序设计指南,全新的者工具,集成了调试、代码编辑及程序发布等功能,帮助者简单和高效地微信小程序。以下是官方文档,内含小程序者工具下载地址及调试指南。
下载地址:者工具0.9.0版
64版; 32版; 版
为了帮助者简单和高效地微信小程序,我们推出了全新的者工具,集成了调试、代码编辑及程序发布等功能。
扫码登录
启动工具时,者需要使用已在后台绑定成功的微扫描二维码登录,后续所有的操作都会基于这个微信帐
程序调试主要有三大功能区:模拟器、调试工具和小程序操作区
模拟器
模拟器模拟微信小程序在客户端真实的逻辑表现,对于绝大部分的 均能够在模拟器上呈现出正确的状态。
调试工具
调试工具分为 6 大功能模块:、、、、、以及
用于帮助者 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 属性,同时可以通过修改对应 属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的 代码。
用于显示当前项目的脚本文件,同浏览器不同,微信小程序框架会对脚本文件进行编译的工作,所以在 中者看到的文件是经过处理之后的脚本文件,者的代码都会被包裹在 函数中,并且对于 代码,在尾部会有 的主动调用。
用于观察和显示 和 的请求情况
用于显示当前项目当前时刻 具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。
用于显示当前项目的使用 . 或者 . 后的数据存储情况。
有两大功能:
者可以在此输入和调试代码
小程序的错误输出,会显示在此处
小程序操作区
小程序操作区帮助者模拟一些客户端的环境操作。例如当用户从小程序中回到聊天窗口,会触发一个小程序被设置为后台的。
当小程序使用到多窗口的时候,可以在顶部操作区进行页面切换,需要注意的是这个操作只是为了方便者才存在的,在真实的微信客户端中是不会有的。
编辑区可以对当前项目进行代码书写工作,同时可以对文件进行基本的添加、删除以及重命名。
工具目前提供了4种文件的编辑:
自动补全
同大部分编辑器一样,我们提供了完善的自动补全
常用快捷键
格式调整
+:保存文件
+[, +]:代码行缩进
++[, ++]:折叠打开代码块
+ +:粘贴,如果没有选中任何文字则粘贴一行
++:代码格式化
+,+:上下一行
++,++:向上向下一行
++:在当前行上方插入一行
光标相关
+:到文件结尾
+:到文件开头
+:选中当前行
+:选择从光标到行尾
+:选择从行首到光标处
++:选中所有匹配
+:选中匹配
+:光标回退
项目目录显示的是当前项目的一些细节情况,包括图标、、目录信息等等。
点击预览功能,工具会自动编译和构建代码,并生成代码包上传到微信服务器,成功后将会显示一个二维码,者用新版微信扫描二维码即可在手机上看到相应项目的真实表现
需要注意的是,内测阶段,代码上传 功能仅微可操作。