VSCode 微信小程序 開發環境配置 詳細教程

本博客已暫停更新，需要請轉新博客http://www.whbwiki.com/231.html

配置 VsCode 微信小程序開發環境並非不用官方的 微信小程序開發者工具 ，而是兩者配合適用，可以極大的提高我們的開發效率。

安裝微信小程序開發者工具

下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

根據自己的系統下載對應版本，然后一直點擊下一步安裝即可。

安裝VsCode

下載地址：https://code.visualstudio.com/
如下圖選擇適合自己系統的下載之后安裝就行

注意：建議直接安裝在Ｃ盤，方便配置，軟件大小本身不大！！！

注意：一定要將 添加到PATH 這項打鈎！！！

安裝開發必備插件

1. Easy less 支持使用less語法 ，因為微信小程序開發者工具不支持less ，所以要配合使用

2. 微信小程序開發者工具插件，開發必備

配置Less

快捷鍵command+逗號打開用戶設置，搜 less.complie, 點擊編輯添加到右邊，設置commpress是否開啟壓縮，sourceMap是否生成.map文件。配置如下圖

"less.compile": {
        
        "outExt": ".wxss"
    },
"[less]": {

"editor.suggest.insertMode": "replace"
}

結束

至此，開始開發你的小程序吧！！！