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开发小程序只是起到了编辑的效果，真正的调试等还需要在小程序开发工具中进行