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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容