VsCode 使用less

1、安装node.js

        需要到node.js 官网去下载合适的node版本，然后进行安装，地址https://nodejs.org/zh-cn/

2、安装less

　　npm install less -g

 

3、安装VS插件 Easy LESS

 

4、编辑保存.less文件，会在对应的目录下生成对应的.css文件

 

5.在文件 首选项 设置 中搜索 settings.json 加入 配置相关代码

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

如图这样配置可以在css目录下输出index.less产生的index.css 文件