提前声明:本文无需使用Node.js等工具
第一步,在插件处下载Easy LESS
第二步,在设置中进行配置设置(VScode左上角 文件---->首选项------->设置)
搜索栏中搜索LESS,在插件中找到Easy LESS,进行settings.json中编辑
我们看插件文档可知进如下配置
"less.compile": {
"compress": false, //是否删除多余的空格,建议 不是准备打包的同志可以先设置为false,便于代码查看以及维护
"sourceMap": false, //是否生成源地址文件,一个新的地址文件,小型开发项目可有可无
"out": "..\css\", // 这里是代表编译后生成的css文件所放的位置,文件生成地址可以自己定义
}
将上面代码粘贴到json文件中
效果如下,删除了CSS文件空格以及生成源地址文件。
完成以上操作后,编译保存Less时,就会生成css文件了。