vscode如何操作scss

小编给大家分享一下vscode如何操作scss,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

为企业提供成都做网站、网站制作、网站优化、成都营销网站建设、竞价托管、品牌运营等营销获客服务。成都创新互联公司拥有网络营销运营团队,以丰富的互联网营销经验助力企业精准获客,真正落地解决中小企业营销获客难题,做到“让获客更简单”。自创立至今,成功用技术实力解决了企业“网站建设、网络品牌塑造、网络营销”三大难题,同时降低了营销成本,提高了有效客户转化率,获得了众多企业客户的高度认可!

1、sass的编译依赖 Ruby 环境,所以先安装ruby;

2、装好Ruby后再命令行输入 gem sass 来安装 Sass;

3、在vscode 扩展中寻找easy sass插件,安装;

4、接下来进行配置: 在 vs code 菜单栏依次点击“文件-首选项-设置”,打开 settings.json 全局配置文件:

vscode如何操作scss

/** Easy Sass 插件 **/
    "easysass.formats": [
        {
            "format": "compressed",  // 压缩
            "extension": ".css"
        }
    ],
    "easysass.targetDir": "./css/"  // 自定义css输出文件路径

看完了这篇文章,相信你对“vscode如何操作scss”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网页名称:vscode如何操作scss
当前路径:http://www.csruizhi.cn/article/jhodhp.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 移动网站建设 成都网站设计 成都网站建设公司 成都网站设计 手机网站设计 网站制作报价 网站设计 成都网站建设公司 高端定制网站设计 成都网站建设 LED网站设计方案 成都网站建设 企业网站建设 手机网站制作 成都定制网站建设 手机网站制作 泸州网站建设 定制网站设计 网站建设公司 专业网站设计 成都网站设计 网站设计公司