用VS code开发微信小程序

微信小程序虽然自带开发工具，但由于编码的体验不好，如反应迟缓，建议使用VS code+微信小程序来实现编码

VS code负责编码，微信编辑工具负责预览

首先了解小程序的构成：
js
json
wxml
wxss
因此，WXML映射了HTML、WXSS映射了CSS，因此需要安装分别编辑WXML和WXSS的插件。
WXML->CSS->less>WXSS

具体使用：
1.在微信小程序开发者工具中把项目搭建好
2.接着在vs code中打开建好的小程序项目，这个时候小程序项目目录下面会生成几个文件夹
3.vscode中安装必要的插件：
小程序助手
让vscode 提供对 .wxss .wxml 文件后缀的支持

image.png

minapp插件
支持微信小程序的语法高亮
增加wxml,wxss代码提示

vscode wxml
提供微信小程序代码的提示
对wxml文件进行格式化

image.png

wechat-snippet

image.png

Easy WXLESS：为vscode提供wxss语法支持及代码片段
4.安装好插件以后，我们直接在vscode里面编辑小程序项目，保存即可同步到小程序开发工具中

说明：利用vscode开发小程序只是起到了编辑的效果，真正的调试等还需要在小程序开发工具中进行