[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用户请用两个反斜杠替代，如`\\`*