虎超官网 | 联盟商圈 | 新闻资讯 | 虎超学院

微信小程序工具 代码编辑


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

 

文件支持


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

 

实时预览


如果设置中开启了“文件保存时自动编译小程序”(位置在:设置 - 编辑 - 文件保存时自动编译小程序),那么当 js, json, wxml 或 wxss 文件修改时,可以通过模拟器实时预览编辑的情况:

实时预览

 

自动保存


书写代码后,工具会自动帮助用户保存当前的代码编辑状态,直接关闭工具或者切换到别的项目,并不会丢失已经编辑的文件状态,但需要注意的是,只有保存文件,修改内容才会真实的写到硬盘上。可以在设置(设置 - 编辑)中配置开启“修改文件时自动保存”已达到修改文件时自动保存而无需手动保存的效果,也可开启“编译时自动保存所有文件”以达到点击编译时自动帮助保存所有文件的效果。

 

自动补全


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

 

  • js 文件编辑会帮助开发补全所有的 API 及相关的注释解释,并提供代码模板支持
  • wxml 文件编辑会帮助开发者直接写出相关的标签和标签中的属性
  • json 文件编辑会帮助开发者补全相关的配置,并给出实时的提示

 

js 补全

edit1_1

代码模板支持
edit1_2

json 补全
edit3

wxml 补全
edit4

 

 

快捷键


 

见工具菜单栏