vscode如何将less编译到指定css目录中

安装

在vscode扩展搜索Easy Less，然后安装，安装成功后记得重启vscode

打开配置

按下Ctrl + Shift + p快捷键，输入Open Settings，点击“首选项：打开设置”

配置输出目录

在setting.json文件中加入下方代码
workspaceRoot为项目目录

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

配置完成后，保存less文件就会自动编译到指定目录

更多配置

"less.compile": {
    "compress": true,   // true => remove surplus whitespace
    "sourceMap": true,  // true => generate source maps(.css.map files)
    // "outExt": ".wxss",   // 输出文件的后缀，默认为.css
    "out": "${workspaceRoot}\\lesson\\src\\css\\"   // workspaceRoot为项目目录
}