微信小程序工具代码编辑,wxml、wxss、js、json以及图片文件的预览

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

 

文件支持

---

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

实时预览

---

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

自动保存

---

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

 

自动补全

---

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

 

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

 

js 补全

 

代码模板支持

json 补全

wxml 补全

快捷键

---

 

见工具菜单栏

更多微信小程序开发教程，可以关注。