vscode-Easy Sass插件将scss转为小程序wxss

wxss不支持嵌套的写法,效率很低,所以用这个插件就可以转换。

  • 扩展插件中搜索 easy sass,安装
    vscode-Easy Sass插件将scss转为小程序wxss_第1张图片
    Snipaste_2020-07-01_09-08-48.png
  • ctrl+shift+p,输入setting,选择 首选项:打开设置(json)
    vscode-Easy Sass插件将scss转为小程序wxss_第2张图片
    Snipaste_2020-07-01_09-11-19.png
  • 增加如下代码(具体释义可以从官方了解,在此只提这2个)
 "easysass.compileAfterSave": true, //保存后是否编译文件,不需要的时候可以改为false
 "easysass.formats": [
    {
      "format": "expanded", //格式:expanded 不压缩 | compressed 压缩
      "extension": ".wxss" //输出文件后缀:小程序写'wxss'
    }
  ]
  • ok。接下来快去尝试建立一个scss生成wxss吧!

你可能感兴趣的:(vscode-Easy Sass插件将scss转为小程序wxss)