vscode less 文件 编译 css

1、安装less

image.png

2、找到设置搜索less在setting.json里配置

3、在setting.json里配置
{
"less.compile": {
"compress": false,
"sourceMap": false,
"out": "..\\css\\", // 这里是代表编译后生成的css文件所放的位置
}
}

image.png

4、栽坑之旅：第一次配置如下，在workspaceRoot（工作空间根）下编译.css文件导致一直找不到编译后的css文件，因为创建在了vscode的第一个项目里了。把 workspaceRoot" 改为 ..\\css\\", 就在当前css目录下看到编译后的文件了
{
"less.compile": {
"out": "${workspaceRoot}\\css\\"
}
}

image.png