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 的样式表;