【发布时间】：2021-12-11 17:56:39
【问题描述】：
当我将我的项目文件夹添加到 Chrome 的“工作区”时，我能够进行更改并可以从 Chrome 本身保存我的 CSS。但我只能在 CSS 文件中进行更改。我怎样才能为 SCSS 文件制作这个。
我在这里给这个容器设置了红色背景色
我在这里将其背景颜色更改为绿色
但是当我转到 SCSS 文件时，背景颜色没有更新
有什么解决办法。提前致谢！
【问题讨论】：
标签： google-chrome sass
【发布时间】：2021-12-11 17:56:39
【问题描述】：
只需遵循以下简单步骤
-
在 chrome 上打开您的检查元素，然后点击右上角的齿轮图标。
-
启用CSS源映射（我认为它默认启用。如果不只是检查它。启用css源映射后不要关闭它。）
- 源地图功能刚推出时就备受关注 引入，此后发生了很多变化。现在可以在 Chrome、Firefox 和 Safari 的最新稳定版本。
- 您不需要 Chrome Canary，也不需要编辑 chrome://flags 来使用它。您只需应用正确的 设置以启用它。
- 源映射需要 Sass 3.3 或更高版本（Sass 3.4 已发布 最近）。
- 如何使用 sass 的源映射：Check this link
-
单击“常规”选项卡下方左侧面板上的“工作区”选项卡。
-
通过单击“添加文件夹”按钮添加您的源代码文件夹（关闭该框。）
-
转到 Sources 选项卡并找到您的 scss 文件。
现在您可以进行更改并点击 ctrl+s 它会自动更改您的 style.scss。
【讨论】：
-
感谢您的启蒙。你能检查以下内容并告诉我。 1. 检查任何元素并在 SCSS 文件中添加新样式（在样式选项卡中） 2. 然后单击 SCSS 文件并打开它。 3. 检查您在样式选项卡中所做的更改是否反映在 SCSS 文件中