微信小程序_工具

1873 查看

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

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

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

2.
调试工具分为 6 大功能模块:Wxml、Console、Sources、Network、Appdata、Storage以及Wxml pannel.Sources pannel.Network pannel.Appdata pannel.Storage pannel.Console pannel.
小程序的错误输出,会显示在Console

3.常用快捷键

格式调整
Ctrl+S:保存文件
Ctrl+[, Ctrl+]:代码行缩进
Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块
Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一
Shift+Alt+F:代码格式化
Alt+Up,Alt+Down:上下移动一行
Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行
Ctrl+Shift+Enter:在当前行上方插入一行

光标相关
Ctrl+End:移动到文件结尾
Ctrl+Home:移动到文件开头
Ctrl+i:选中当前行
Shift+End:选择从光标到行尾
Shift+Home:选择从行首到光标处
Ctrl+Shift+L:选中所有匹配
Ctrl+D:选中匹配
Ctrl+U:光标回退

项目目录显示的是当前项目的一些细节情况,包括图标、appid、目录信息等等
点击预览功能,工具会自动编译和构建代码,并生成代码包上传到微信服务器,成功后将会显示一个二维码,开发者用新版微信扫描二维码即在手机上看到相应项目的真实表现

需要注意的是,内测阶段,代码上传 功能仅管理员微信号可操作可在手机上看到相应项目的真实表现