微信小程序快捷键设置:设置-快捷键设置-快捷键
项目
Ctrl+Shift+N 新建项目
Ctrl+Shift+W 新建项目
文件
Ctrl+N 新建文件
Ctrl+shift+S 保存所有文件
Ctrl+S 保存文件
Ctrl+W 关闭当前文件
格式调整
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:光标回退
编辑:
Ctrl+Z 撤销
Ctrl+ shift+z 重做
ctrl+Alt+⬅ 打开当前文件编辑器左边的文件
ctrl + alt + ➡ 打开当前文件编辑器右边的文件
ctrl + F 文件内搜索
shift + ctrl + F 项目内搜索
shift + ctrl + R 焦点在编辑器内,表示替换
ctrl + B 编译项目
ctrl + R 焦点在编辑器外,编译项目
shift + ctrl + P 预览代码
shift + ctrl + U 上传代码
界面
ctrl + , 打开设置窗口
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属性.
项目
Ctrl+Shift+N 新建项目
Ctrl+Shift+W 新建项目
文件
Ctrl+N 新建文件
Ctrl+shift+S 保存所有文件
Ctrl+S 保存文件
Ctrl+W 关闭当前文件
格式调整
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:光标回退
编辑:
Ctrl+Z 撤销
Ctrl+ shift+z 重做
ctrl+Alt+⬅ 打开当前文件编辑器左边的文件
ctrl + alt + ➡ 打开当前文件编辑器右边的文件
ctrl + F 文件内搜索
shift + ctrl + F 项目内搜索
shift + ctrl + R 焦点在编辑器内,表示替换
ctrl + B 编译项目
ctrl + R 焦点在编辑器外,编译项目
shift + ctrl + P 预览代码
shift + ctrl + U 上传代码
界面
ctrl + , 打开设置窗口
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属性.