微信小程序_工具

作者: 廖马儿 | 来源:发表于2016-10-01 11:32 被阅读143次

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

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

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

调试工具分为 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、目录信息等等
点击预览功能,工具会自动编译和构建代码,并生成代码包上传到微信服务器,成功后将会显示一个二维码,开发者用新版微信扫描二维码即在手机上看到相应项目的真实表现

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

相关文章

网友评论

  • lzh_coder:你好,为什么我的微信小程序IDE里调试模块没有Wxml,Appdata,Storage啊?
    廖马儿:@happyliuzh 你在这个链接下载:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1475052055364
    lzh_coder:你好,我的是MAC系统,我是从微信小程序交流群里下载的,然后替换破解文件。如果你有MAC系统下的微信小程序IDE,能否发我一份,我的邮箱是happyliuzh@126.com
    廖马儿:@happyliuzh 请问下你是在win系统下还是在mac系统?第二是你在哪个路径下载的编辑器

本文标题:微信小程序_工具

本文链接:https://www.haomeiwen.com/subject/qgpryttx.html