vscode里如何使用less自动编译成带文件名的css文件

1.先全局安装less

npm install -g less
           

2.写一个less后缀的文件

3. 在vscode应用商店安装Easy LESS插件

4. vscode编辑器中点击路径：文件>首选项>设置 里面找到settings.json,在文件的花括号里加入如下代码

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

其中，${workspaceRoot}是工作台的根路径，\后面的是你的文件夹路径，最后一个\test则是编译后生成的css文件名，如图所示

如果没有\\test，那么编辑器同样把最后一个\\css作为生成的文件名，那么生成的css文件的路径就会往上一层，即在less文件夹下会生成css.css文件。