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

但是當我們建立一個.less檔案，寫相關程式碼進行儲存時，會發現它會在.less檔案同目錄生成對應名字的.css檔案；

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

類似於這樣：

這樣就需要我們配置一下less檔案編譯為css的時候所生成檔案的位置；

配置方法如下：

在VS Code專案中，有一個.vscode的資料夾，找裡面的settings.json檔案，沒有的話自行建立；

開啟settings.json檔案；

新增程式碼：

"less.compile": {
    "out": "${workspaceRoot}\\src\\assets\\css\\"
}

‘${workspaceRoot}’ 代表的是根目錄；

這樣就可以更改生成.css檔案的路徑了，但是上面程式碼配置是我的.css檔案的目錄地址，這個自行配置就行；
--------------------- 
作者：mcYang0929 
來源：CSDN 
原文：https://blog.csdn.net/mcyang0929/article/details/81703050 
版權宣告：本文為博主原創文章，轉載請附上博文連結！

轉載於：https://blog.csdn.net/mcyang0929/article/details/81703050