• 技术文章 >开发工具 >VSCode

    vscode怎么操作scss

    爱喝马黛茶的安东尼爱喝马黛茶的安东尼2019-12-10 17:16:49原创1433

    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vscode scss
    上一篇:vscode如何进入全局搜索 下一篇:vscode 如何使用svn
    大前端线上培训班

    相关文章推荐

    • vscode 怎么删除文件• vscode 怎么调试node• vscode中怎么打开终端• vscode怎么忽略错误

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网