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