首页 > Web开发 > 详细

vs code中使用scss

时间:2019-08-12 17:22:15      阅读:199      评论:0      收藏:0      [点我收藏+]

第一步  下载扩展Live Sass Compiler

技术分享图片

 

第二步 编译 快捷键 ctrl+shift+p

技术分享图片

第三步 配置 setting.json 文件

"easysass.compileAfterSave": true, 
 "easysass.formats": [ //nested:嵌套缩进的 css 代码。
//expanded:没有缩进的、扩展的css代码。
//compact:简洁格式的 css 代码。
//compressed:压缩后的 css 代码

        {
            "format": "expanded",
            "extension": ".css"
        },
        {
            "format": "compressed",
            "extension": ".min.css"
        }
    ],
    "easysass.targetDir": "css/" //路径

然后  回头看 你的文件 搞定

 

 

vs code中使用scss

原文:https://www.cnblogs.com/zhupanpan/p/11341258.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!