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