如何在Chrome开发工具中进行SASS编辑？

我只是跟随源代码映射sass

我在chrome中inspect元素下的实验选项卡中找不到对sass的支持。它被移除了吗？我使用这个功能迟到了吗

我的sass版本是3.3.8（Maptastic Maple）

---

如何在Chrome开发工具中进行SASS编辑？

我成功了。SASS支持不再是一个实验：它现在是一个标准。 我只是按照简单的步骤来做

1） 在chrome上打开您的检查元件，然后单击右上角出现的齿轮图标

2） 启用CSS源映射（我认为这是默认启用的。如果不启用，请选中它。启用CSS源映射后，不要关闭它。）

3） 单击左侧面板上“常规”选项卡正下方的“工作区”选项卡

4） 单击添加文件夹按钮（关闭该框），添加源代码文件夹

5） 继续“源”选项卡，找到您的scss文件

---

现在您可以进行更改并按ctrl+s键，它将在style.scs上自动更改

从Chrome 75开始，以下是如何打开CSS源地图

打开浏览器的开发人员工具（Ctrl+Shift+I）

打开右上角的下拉菜单，然后单击“设置”

查找“启用CSS源映射”复选框并将其打开。

---

你知道那篇文章已经有一年了，对吧？它可能不再被认为是实验性的了。是的，它已经过时了。我不能用它们。这对我不好。有没有新的和更新的教程可以让它工作？只有当你直接更改scss文件代码时，这才有效，对吗？当我在

elements->style

选项卡中进行更改时，它只会更改

.css

编译文件，而不能将更改保存到

.scss

文件。但是当我直接编辑

.scss

文件时（在chrome代码编辑器中），它可以保存该文件。你也一样吗？没有办法将更改（在

元素->样式选项卡中）保存到
scss
源文件中吗？另一个答案缺少步骤