首页 > 开发工具 > VSCode > vscode怎么操作scss

vscode怎么操作scss

爱喝马黛茶的安东尼
发布: 2019-12-10 17:16:49
原创
3921 人浏览过

vscode怎么操作scss

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

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

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

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

35e633d4dd829b9de2905c3850a4a74.png

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

PHP中文网,有大量免费的vscode入门教程,欢迎大家学习!

以上是vscode怎么操作scss的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板