小程序：vscode中使用less或sass

vscode配置sass

1. 在vscode的插件里找到Easy Sass并安装
2. 配置vscode的setting.json文件，并加上

// 对EasySass的配置，此段配置去掉则默认生成一个css文件和一个压缩的min.css文件
// EasySass支持一次多生成几种类型的文件，在配置数组里如上多写几个就行了。
"easysass.formats": [
  {
    "format": "expanded", //格式，expanded不压缩，compressed压缩
    "extension": ".wxss" //输出文件的后缀,小程序可以写'wxss'
  },
  // {
  //   "format": "compressed",
  //   "extension": ".min.css"
  // }
],

3. 新建一个.scss文件，代码保存时就会在目录下生成同名的.wxss文件

vscode配置less

1. 在vscode的插件里找到Easy Lass并安装
2. 配置vscode的setting.json文件，并加上

// 对EasyLess的配置，此段配置去掉则默认生成一个css文件
"less.compile": {
  "compress": false, //是否压缩
  "sourceMap": false, //是否生成map文件
  "out": true, // 是否输出文件，false为不输出
  "outExt": ".wxss", // 输出文件的后缀,小程序可以写'wxss'
},

3. 新建一个.less文件，代码保存时就会在目录下生成同名的.wxss文件