美文网首页
vscode-Easy Sass插件将scss转为小程序wxss

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

作者: 云桃桃 | 来源:发表于2020-07-01 09:15 被阅读0次

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

  • 扩展插件中搜索 easy sass,安装
    Snipaste_2020-07-01_09-08-48.png
  • ctrl+shift+p,输入setting,选择 首选项:打开设置(json)
    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

      本文链接:https://www.haomeiwen.com/subject/daaqqktx.html