vscode 编辑器里面很方便的编译less文件,需要在扩展商店里面下载一款名叫Easy LESS
的扩展;
安装完成后,按“ ctrl+,
”打开 “Easy LESS Configuration
”配置界面,在 settings.json
编辑。
默认配置:
"less.compile": {
"compress": false,//是否压缩
"sourceMap": false,//是否生成map文件,有了这个可以在调试台看到less行数
"out": true, // 是否输出css文件,false为不输出
"outExt": ".css", // 输出文件的后缀
}
配置一:把less编译到指定css文件夹
"out": "${workspaceRoot}\\assets\\css\\",
${workspaceRoot}
项目根目录;\\assets\\css\\
项目的css目录,目的是把编译后的css放入\assets\css\
目录的同名文件;- 注意最后的
\\
也是需要的,如果不加,会生成 css.css 的样式表;
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。