码迷,mamicode.com
首页 > 其他好文 > 详细

VScode编译sass

时间:2020-05-22 12:35:50      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:als   Edito   nested   ext   ati   compact   方法   ola   pat   

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无!

VScode编译sass

标签:als   Edito   nested   ext   ati   compact   方法   ola   pat   

原文地址:https://www.cnblogs.com/tangsujuan/p/12936364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!