乐趣区

关于visual-studio-code: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 的样式表;
退出移动版