vsCode 配置并使用 LESS vs code,Easy LESS

在vsCode中使用Less方法:

在vsCode插件管理搜索插件 Easy LESS安装,(如没安装node.js先安装一下)

在项目根目录如没有.vscode目录,需要创建.vscode目录,添加一个配置文件:settings.json

内容如下:

{
    "less.compile": {
        "compress": true, // 是否删除多余空白字符
        "sourceMap": false, // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
        "out": true, // 是否输出css文件,false为不输出
        "outExt": ".css", // 输出文件的后缀,默认为.css 或 .wxss
    }
}

应用场景:
css/a.less  样式写在这个less文件里,vsCode 会帮你自动在同级目录里生成一个同名a.css 文件。

之前我一直用 gulp 单对于就一两个页面的小项目 vsCode 的这个插件就够用了。