[toc] # 自動編譯Less 每次編寫完`less`都要手動執行下面的編譯命令，非常的影響我們的效率 ```shell $ lessc wocui.less out/wocui.css ``` ## 安裝插件 搜索`Easy Less`安裝即可 ## 配置 建議根據項目來配置，避免和其他項目沖突，在項目根目錄新建文件`.vscode/setting.json` ``` { "less.compile": { "out": "${workspaceRoot}/public/assets/css/" } } ``` - `${workspaceRoot}` 工作區目錄、項目目錄、根目錄 使用git的項目請在忽略配置中加上`.vscode`文件夾， 否則它將被同步覆蓋別人的本地化配置 **再去編輯less文件， 都將會被編譯css到out指向目錄** *提示：我是linux系統，路徑用`/`，Windows用戶請用兩個反斜杠替代，如`\\`*