我可以让 SASS 像 Chrome 开发工具一样运行并实时更新而不保存吗？答案

【问题标题】：Can I get SASS to function like Chrome Dev Tools and update in realtime without saving?我可以让 SASS 像 Chrome 开发工具一样运行并实时更新而不保存吗？
【发布时间】：2012-02-12 17:16:46
【问题描述】：

好的，所以我最近改用了带有 SASS、HAML 和 CoffeeScript 的 Middleman，以加快我的 UI 设计工作流程。我正在使用 livereload 来进一步加快速度。但是，我仍然怀念 Chrome Dev 的一项功能。工具。在 Dev 中编辑 CSS 时。工具，它会立即更新，非常适合进行我们非常喜欢的所有像素级完美调整。

当然，在带有 livereload 的 Middleman 中，只需保存文件即可拥有此功能。也许我在发牢骚，但是每次按 ctrl-s 可以很快加起来。我想知道是否有人知道一种方法来获得能够实时编辑 SASS 的功能，而无需在每次更改后点击保存。

【问题讨论】：

Err，据我所知，Chrome 根本没有这个功能，你用的是chrome-devtools-autosave 之类的吗？
您可以在您的文本编辑器中实现类似的功能（在 ; 或 ↩ 上，具体取决于语法）。 Sublime Text 2 中 sass 的示例实现：gist.github.com/1859420
嘿，谢谢 Jamie，这正是我一直在寻找的东西，但不是真的。不过，我现在可能已经尽可能接近了。

标签： google-chrome sass

【解决方案1】：

Chrome DevTools 有一个保存扩展程序可以帮助您。 http://code.google.com/p/devtools-save/downloads/list?

【讨论】：

不是我真正想要的，因为在 Chrome 中编辑的是编译后的 CSS，而不是 SASS。不过还是很酷，谢谢。