1、安裝less
image.png
2、找到設(shè)置搜索less在setting.json里配置
3、在setting.json里配置
{
"less.compile": {
"compress": false,
"sourceMap": false,
"out": "..\\css\\", // 這里是代表編譯后生成的css文件所放的位置
}
}
image.png
4、栽坑之旅：第一次配置如下荠察，在workspaceRoot（工作空間根）下編譯.css文件導(dǎo)致一直找不到編譯后的css文件，因?yàn)閯?chuàng)建在了vscode的第一個(gè)項(xiàng)目里了奈搜。把 workspaceRoot" 改為 ..\\css\\", 就在當(dāng)前css目錄下看到編譯后的文件了
{
"less.compile": {
"out": "${workspaceRoot}\\css\\"
}
}
image.png
