WeChat applet development documentation / 微信小程序工具 代码编辑

微信小程序工具 代码编辑

编辑区可以对当前项目进行代码书写工作,同时可以对文件进行基本的添加、删除以及重命名。


文件支持


工具目前提供了4种文件的编辑:wxml、wxss、js、json以及图片文件的预览。


实时预览


可以通过编辑区左边的模拟器,实时预览编辑的情况:

  • 修改 wxss、wxml 文件,会刷新当前 page
  • 修改 js 文件或者 json 文件,会重新编译小程序
1481078798918242.png


自动保存


书写代码后,工具会自动帮助用户保存当前的代码编辑状态,直接关闭工具或者切换到别的项目,并不会丢失已经编辑的文件状态,但需要注意的是,只有保存文件,修改内容才会真实的写到硬盘上,并触发实时预览。


自动补全


同大部分编辑器一样,我们提供了完善的自动补全

201609261427164067.gif

201609261427239116.gif

常用快捷键


格式调整

  • 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: 打开或者隐藏模拟器