1.在微信小程序开发者工具中把项目搭建好,

2.接着在vscode中打开建好的小程序项目,这个时候小程序项目目录下面会生成几个文件夹,注意别提交到svn里面了,那是vscode添加的

3.vscode中安装必要的插件:

(1)vscode weapp api:为vscode提供小程序API提示及代码片段

如图:

 

(2)vscode wxml:为Vscode提供 wxml 语法支持及代码片段

如图:

(3)vscode-wechat: wechat app support for vscode(version v1.6.0+)

如图:

(4)Easy WXLESS:为vscode提供wxss语法支持及代码片段

如图:

4.安装好插件以后,我们直接在vscode里面编辑小程序项目,保存即可同步到小程序开发工具中

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