学习微信小程序如何进行代码编辑

学习微信小程序如何进行代码编辑

1.文件支持
工具目前提供了 5 种文件的编辑：wxml、wxss、js、json、wxs 以及图片文件的预览。
2.文件操作
新建页面有两种方式：
（1）在目录树上右键，选择新建 Page，将自动生成页面所需要的 wxml、wxss、js、json。
（2）在 app.json 的 pages 字段，添加需要新建的页面的路径，将会自动生成该页面所需要的文件。
3.自动保存
编辑代码后，工具会自动帮助用户保存当前的代码编辑状态，直接关闭工具或者切换到别的项目，并不会丢失已经编辑的文件状态，但需要注意的是，只有用户主动保存文件，修改内容才会真实的写到硬盘上。
如果设置中开启了 “修改文件时自动保存”（设置-编辑设置-修改文件自动保存），工具在修改文件时会自动保存到硬盘中，无需手动保存的效果。
设置中开启 “编译时自动保存所有文件”（设置-编译设置-编译时自动保存所有文件），在点击编译时自动保存所有文件的效果。
4.实时预览
如果设置中开启了 “文件保存时自动编译小程序”（设置-编辑设置-保存时自动编译小程序），那么当 wxml、wxss、js、json 文件修改时，可以通过模拟器实时预览编辑的情况：
注意：如果同时开启了 ”修改文件时自动保存“ 的设置，编译动作会有一定的延迟，来避免频繁的编译，手动点击编译按钮将立即编译。
5.自动补全
同大部分编辑器一样，工具提供了较为完善的自动补全：
js 文件编辑会帮助开发补全所有的 API 及相关的注释解释，并提供代码模板支持。
wxml 文件编辑会帮助开发者直接写出相关的标签和标签中的属性。
json 文件编辑会帮助开发者补全相关的配置，并给出实时的提示。