码迷,mamicode.com
首页 > Web开发 > 详细

vscode配置easy sass 生成压缩和未压缩的css文件

时间:2021-04-07 11:30:57      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:pil   getdir   扩展   文件路径   ESS   避免   推荐   生成   height   

1、下载easy sass

技术图片

 

2、配置 文件

code-->首选项--> 设置--> 搜索sass--> 选择easy sass --> 在setting.json中编辑

配置代码,保存。保存之后若无效可重启vscode

"easysass.formats": [
     //** Easy Sass 插件 **/
        {
            "format": "compressed", // 压缩
            "extension": ".min.css"
        },
        {
            "format": "expanded",  // 未压缩  推荐使用
            "extension": ".css"
        }
    ],
    "easysass.targetDir": "",// 自定义css输出文件路径 当前目录下
"easysass.compileAfterSave": true,  //为false避免这类文件编辑保存后被编译无效

 easysass.formats[i].format 支持四个选项用以编译生成对应风格的 CSS:
   nested:嵌套缩进的 css 代码。
  
 expanded:没有缩进的、扩展的css代码。  // 整理后的格式,未压缩
   compact:简洁格式的 css 代码。   // 单个样式占据一行
  
 compressed:压缩后的 css 代码。

 

vscode配置easy sass 生成压缩和未压缩的css文件

标签:pil   getdir   扩展   文件路径   ESS   避免   推荐   生成   height   

原文地址:https://www.cnblogs.com/cdj61/p/14622853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有
迷上了代码!