微信小程序开发文档 / 微信小程序工具 代码编辑
微信小程序工具 代码编辑
编辑区可以对当前项目进行代码书写工作,同时可以对文件进行基本的添加、删除以及重命名。
文件支持
工具目前提供了4种文件的编辑:wxml、wxss、js、json以及图片文件的预览。
实时预览
可以通过编辑区左边的模拟器,实时预览编辑的情况:
- 修改 wxss、wxml 文件,会刷新当前 page
- 修改 js 文件或者 json 文件,会重新编译小程序
自动保存
书写代码后,工具会自动帮助用户保存当前的代码编辑状态,直接关闭工具或者切换到别的项目,并不会丢失已经编辑的文件状态,但需要注意的是,只有保存文件,修改内容才会真实的写到硬盘上,并触发实时预览。
自动补全
同大部分编辑器一样,我们提供了完善的自动补全
常用快捷键
格式调整
- 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:光标回退
界面相关
- Ctrl + \:隐藏侧边栏
- Ctrl + m: 打开或者隐藏模拟器