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

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

安装

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

打开配置

按下Ctrl + Shift + p快捷键,输入Open Settings,点击“首选项:打开设置”
打开配置.png

配置输出目录

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

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

配置完成后,保存less文件就会自动编译到指定目录
配置输出目录.png

更多配置

"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为项目目录
}

更多设置.png

Last modification:June 10th, 2020 at 08:51 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment