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 的这个插件就够用了。