资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/jhodhp.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220