要努力啊小汤!
当你的才华还不足以撑起你的野心时,你应该静下心学习!!!

VScode编译sass(Live Sass Compile)


配置:

    // sass
 "editor.largeFileOptimizations": false,
 "[scss]":{
     "editor.defaultFormatter": "michelemelluso.code-beautifier"
 },

      "liveSassCompile.settings.formats":[
        // 扩展
        {
            "format": "compact",//可定制的出口CSS样式(expanded,compact,compressed,nested)
            "extensionName": ".min.css",//编译后缀名
            "savePath": null//编译保存的路径
        } 
        
    ],

    "liveSassCompile.settings.excludeList": [
        "**/node_modules/**",
        ".vscode/**"
     ],
    

插件:Live Sass Compile
快捷键:ctrl+shift+P键入Live Sass: Watch Sass以开始实时编译,或者按键入Live Sass: Stop Watching Sass以停止实时编译。
问题:

 

 
解决方法:文件后缀错误
.scss和.sass文件区别:
  .scss文件有{},.sass无!

posted on 2020-05-22 12:04  做一个有趣的妞儿  阅读(194)  评论(0编辑  收藏  举报