VSCode 配置Easy Less扩展

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

你可能感兴趣的:(less)