微信官方是这样说明的:小程序可以在微信内便捷地获取和传播,同时具有出色的使用体验。张小龙团队也提到小程序是一种不需要下载安装即可使用的应用,实现了应用“触手可及”的梦想。
去年的11月份微信小程序正式开放公测到现在一年多的时间,被称作是下一个风口。今天就开始来了解一下微信小程序的开发,首先来了解下微信开发必须要用到的微信开发者工具的一些功能。
微信为开发者提供了微信开发者工具和其他的开发工具都差不多,集成了开发调试,代码编辑和程序发布等功能。
主界面
代码编辑器支持四中文件的编辑,分别是wxml、wxss、js和json文件,相关快捷键如下:
Ctrl_End:移动到文件结尾处
Ctrl+Home:移动到文件的开头
Ctrl+i:选中当前行:
Shift+End:选择从光标到行尾部
Shift+Home:选择从行开始到光标处
Ctrl+Shift+L:选中所有匹配
Ctrl+D:选中匹配
Ctrl+U:光标回退
Ctrl+[,Ctrl+]:代码行缩进
Ctrl+Shift+[,Ctrl+Shift+]:折叠打开的代码块
Shift+Alt+F:代码格式化
Alt+Up,Alt+Down:上下移动一行
Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行
Ctrl+Shift+Enter:在当前行的上方插入一行
调试工具部分顶部的菜单Console、Sources、Network、Storage、APPDate、Wxml
调试工具菜单
Console:控制台,可以直接在这里输入代码调试,另外可以显示小程序的错误输出
Sources:源文件调试,用来显示当前项目的脚本文件
Network:网络调试,用来显示各个元素请求信息和网络相关信息
Storage:数据存储,用来显示当前项目使用存储API借口的数据存储情况,以key、value显示。
AppData:调试显示当前项目的应用具体数据
Wxml:帮助开发者调试Wxml转化后的界面
小程序