SASS、LESS 安装使用

一：sass安装

1.安装拓展

2.打开setting.json

3.将下面代码插入最外层的 { } 里面，如下图

"liveSassCompile.settings.formats": [
    {
      "format": "compressed", //出口CSS样式 expanded or compressed
      "extensionName": ".css",
      "savePath": "~/../css"  //保存在当前文件的上一级的css文件夹
    }
  ],
  
  // 之前用别人的显示警告 Must start with a path separator (就是现在vscode一定要以 分割线 开头了)
  "liveSassCompile.settings.excludeList": [
    "/**/node_modules/**",
    "/.vscode/**" 
  ],

4.新建文件 1.scss （注意是 c） ，编写代码，然后点击箭头指向的 watch，就产生了 1.css 和 1.css.map

二：less 安装

1.安装 easy less ，再将下图中的代码复制（最外层的 { } 不要复制到）

2.粘贴到 setting.json（out是 .css及.map 的输出目录）

3.新建 1.less 然后编写代码，保存后自动生成css和map