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

发布于 2025-01-04 17:43:05 字数 311 浏览 1 评论 0原文

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

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

OK, so I have recently switched to Middleman with SASS, HAML and CoffeeScript to speed up my UI design workflow. I am using livereload to speed it up even further. However, I still miss one feature of the Chrome Dev. Tools. When you edit the CSS in Dev. Tools, it updates instantly, making it great for doing all those little pixel-perfect tweaks that we love so much.

In Middleman with livereload, of course, this functionality can be had by simply saving the file. Maybe I'm being whiny, but hitting ctrl-s each time can add up quick. I'm wondering if someone knows of a way to get the functionality of being able to edit SASS in realtime without hitting save after each change.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

诺曦 2025-01-11 17:43:05

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

There is a save extension for Chrome DevTools that can help you.
http://code.google.com/p/devtools-save/downloads/list?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文