vscode把less文件生成css文件配置，设置生成自定义文件名称和路径

1.下载less插件

在插件市场搜索 less

2.设置生成配置

 

3.修改out属性 

 

"less.compile": {"compress": false, // 是否删除多余空白字符  一行显示[压缩]"sourceMap": false, // 是否创建文件目录树，true的话会自动生成一个 .css.map [可以调试less位置]文件"out": "../css/", // 编译后的css文件存放的路径"outExt": ".css" // 输出文件的后缀,默认为.css},

 

 主要是修改out属性 我设置的生成到另外一个css文件夹里面，方便统一管理,如果想生成在less的同一个目录就改为 ./

 

4.扩展（在less文件里面单独设置out属性） 

在单个文件里面配置的生成路径优先级高与全局配置

// out: ../css/

// ../  表示生成的路径，文件名和less文件名相同

// ../index 表示在上一级目录生成index.css的文件，/ 后面就是生成指定文件名的.css文件

// ../css/index 表示在css文件夹里面生成index.css文件

// out: false 表示不生成css文件