前言
[title-plane title=”前言”]本文介绍了 VScode + 微信小程序开发者工具 配置微信小程序开发环境的步骤,整理了官方以及优秀第三方的内容,对学习和工作有一定借鉴意义。[/title-plane]
配置过程
1. 安装 微信小程序开发者工具
- 安装教程:根据自己的系统下载对应版本,然后一直点击下一步安装即可。

2. 安装 VsCode
- 下载地址:https://code.visualstudio.com/](https://code.visualstudio.com
- 安装教程:如下图选择适合自己系统的下载之后安装就行


[start-plane type=”1″]注意:一定要将 添加到PATH 这项打钩!!!/start-plane]
3. 安装开发必备插件
- Easy less 支持使用less语法 ,因为微信小程序开发者工具不支持less ,所以要配合使用

- 微信小程序开发者工具插件,开发必备

4. 配置Less插件
- 快捷键command+逗号打开用户设置,搜 less.complie
- 点击编辑添加到右边,设置commpress是否开启压缩,sourceMap是否生成.map文件。配置如下图
"less.compile": {
"outExt": ".wxss"
},
"[less]": {
"editor.suggest.insertMode": "replace"
}
完成
至此,配置已经全部完成,开始快乐的开发你的小程序吧!!!