微信小程序开发工具常用快捷键
1、格式调整快捷键
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+shift+F:全局搜索。
2、光标相关快捷键
ctrl+End:移动到文件结尾。
ctrl+Home:移动到文件开头。
ctrl+I:选中当前行。
shift+End:选择从光标处到行尾。
shift+Home:选择从行首到光标处。
ctrl+shift+L:选中所有匹配。
ctrl+D:选中匹配。
ctrl+u:光标回退。
3、界面相关快捷键
ctrl+\:隐藏侧边栏。
ctrl+M:打开或者隐藏模拟器。
小程序的调试工具有Console、Sources、Network、Storage、AppData、Wxml。
1、Console窗口用来显示小程序的错误输出信息和调试代码,如图所示。
2、Sources窗口用于显示当前项目的脚本文件,在Sources中开发者看到的文件是经过处理之后的脚本文件,如图所示。
3、Network窗口用来观察发送的请求和调用文件的信息,如图所示。
4、Storage窗口用于显示当前项目使用wx.setStorage或者wx.setSync后的数据存储情况,如图所示。
5、AppData窗口用于显示当前项目当前时刻的具体数据,实时地反馈项目的数据情况,可以在此处编辑数据,并将其及时地反馈到界面上,如图所示。
6、Wxml窗口用于帮助开发者开发Wxml转化后的界面。在这里可以看到真实的页面结构及结构对应的wxss属性,同时可以修改对应的wxss属性,如图所示。