微信小程序_工具

作者: 廖马儿 | 来源:发表于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