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

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

3、在vscode 扩展中寻找easy sass插件，安装；

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

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

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

# vscode  # 中文网  # 自定义  # 欢迎大家  # 命令行  # 配置文件  # 装好  # 先安装  # pre  # false  # json 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  如何在新浪SAE免费搭建个人博客？  Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程  java获取注册ip实例  青岛网站建设如何选择本地服务器？  Python进程池调度策略_任务分发说明【指导】  利用vue写todolist单页应用  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  制作电商网页,电商供应链怎么做？  详解Android中Activity的四大启动模式实验简述  bing浏览器学术搜索入口_bing学术文献检索地址  Win11怎么设置默认图片查看器_Windows11照片应用关联设置  百度浏览器如何管理插件 百度浏览器插件管理方法  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  如何在IIS中新建站点并配置端口与物理路径？  Bootstrap整体框架之CSS12栅格系统  Laravel如何使用Sanctum进行API认证？（SPA实战）  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  html5的keygen标签为什么废弃_替代方案说明【解答】  网站制作企业,网站的banner和导航栏是指什么？  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  个人网站制作流程图片大全,个人网站如何注销？  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  如何快速选择适合个人网站的云服务器配置？  iOS UIView常见属性方法小结  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  JS经典正则表达式笔试题汇总  微信小程序 wx.uploadFile无法上传解决办法  Laravel中的withCount方法怎么高效统计关联模型数量  中国移动官方网站首页入口 中国移动官网网页登录  Laravel怎么使用Collection集合方法_Laravel数组操作高级函数pluck与map【手册】  Android 常见的图片加载框架详细介绍  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  如何在建站之星网店版论坛获取技术支持？  网站图片在线制作软件,怎么在图片上做链接？  如何选择可靠的免备案建站服务器？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法  JavaScript如何操作视频_媒体API怎么控制播放  如何用JavaScript实现文本编辑器_光标和选区怎么处理  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南