编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。

文件支持

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

实时预览

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

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

edit

自动保存

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

自动补全

同大部分编辑器一样,工具提供了较为完善的自动补全

  • js 文件编辑会帮助开发补全所有的 API ,并给出相关的注释解释
  • wxml 文件编辑会帮助开发者直接写出相关的标签
  • json 文件编辑会帮助开发者补全相关的配置,并给出实时的提示

    3

    3

    3

常用快捷键

格式调整

  • 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:全局搜索

光标相关

  • Ctrl+End:移动到文件结尾
  • Ctrl+Home:移动到文件开头
  • Ctrl+i:选中当前行
  • Shift+End:选择从光标到行尾
  • Shift+Home:选择从行首到光标处
  • Ctrl+Shift+L:选中所有匹配
  • Ctrl+D:选中匹配
  • Ctrl+U:光标回退

界面相关

  • Ctrl + \:隐藏侧边栏
  • Ctrl + m: 打开或者隐藏模拟器

个结果 ""

    没有找到相关内容 ""