sass - 如何在 Chrome Devtools 中进行 SASS 编辑？

Question

我只关注 this tutplus tutorial用于源 map sass。

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

我的 sass 版本是 3.3.8 (Maptastic Maple)

如何在 Chrome Devtools 中进行 SASS 编辑？

Answer 1

我让它工作。 SASS 支持不再是一个实验:它现在是一个标准。
我只是按照简单的步骤来使它工作。

1) 打开您的 检查元素 在 chrome 上点击 齿轮图标出现在右上角。

2) 启用 CSS 源映射 (这是我认为它默认启用。如果不只是检查它。启用 css 源映射后不要关闭它。)

3) 点击工作区 选项卡在常规选项卡正下方的左侧面板上。

4) 单击 添加源代码文件夹添加文件夹 按钮(关闭框。)

5) 继续 来源 选项卡并找到您的 scss 文件。

现在您可以进行更改并按 ctrl+s 它将自动更改您的 style.scss。