VS Code：Easy less 相關配置

在web開發當中，我經常會用寫less然後編譯成css，當然在VS Code當中也有這樣的插件（EasyLess）；

但是當我們創建一個.less文件，寫相關代碼進行保存時，會發現它會在.less文件同目錄生成對應名字的.css文件；

當頁面過多時，就會到這目錄文件過多而且看起來不清晰，所以我一般會把.less和.css分別放在不同目錄；

類似於這樣：

這樣就需要我們配置一下less文件編譯爲css的時候所生成文件的位置；

配置方法如下：

在VS Code項目中，有一個.vscode的文件夾，找裏面的settings.json文件，沒有的話自行創建；

打開settings.json文件；

{
  "less.compile": {
    "compress": false,//是否壓縮
    "sourceMap": false,//是否生成map文件，有了這個可以在調試臺看到less行數
    "out": true, // 是否輸出css文件，false爲不輸出
    "outExt": ".css", // 輸出文件的後綴,小程序可以寫'wxss'
  }
}

若微信小程序也支持Less，需要進行如下操作：

查找目錄：C:\Users\Administrator\.vscode\extensions下的mrcrowl.easy-less-1.6.3文件夾，拷貝此文件夾。

粘貼到：C:\Users\James Murray\AppData\Local\微信開發者工具\User Data\{對應自己本地目錄}\Default\Editor\User\extensions\此路徑下。

修改配置文件

C:\Users\James Murray\AppData\Local\微信開發者工具\User Data\{對應自己本地目錄}\Default\Editor\User\settings.json.

具體內容請查看上述代碼(等同於VS Code的settings.json文件配置)。