sass - Sublime Text 是否支持 CSS/SASS 文件的实时编辑?

标签 sass sublimetext2 sublimetext livereload

Sublime Text 是否支持实时编辑文件?

我正在寻找更好的工作流程。我真的很喜欢 Sublime Text,但最近我被 Codepen.io 和(最近测试的)Adobe Brackets 等工具的“实时编辑”功能宠坏了。当我回到 Sublime 时,相比之下,即使 Live Reload 也显得笨拙。

实时重新加载:按保存到预览..
我正在使用 LiveReload Chrome 插件,根据项目(Ruby 或 JS),我将使用 Guard 或 Grunt 来查看系统文件。我喜欢 LiveReload。但是必须在文件上按“保存”才能在浏览器中查看其更改,这让我发疯了。即使使用 CSS 样式注入(inject)(没有完整的浏览器重新加载),与 Codepen 和 Brackets 相比,它们在您键入时会立即更新。

其他工具
** GUI 工具 **:我听说过 Codekit 和 Hammer 之类的工具。如果我错了,请纠正我,但他们似乎完全按照 Gaurd 和 Grunt 所做的 - 除了没有命令行。

** Chome Tools Spaces **:在浏览器中编辑 Sass 的能力很酷。我已经设置了这个,但我很少使用它。在 Sublime Text 中编辑 HTML/CSS/Sass 在各个方面都优于 Chrome 工具。到那时,它远远优于 Adob​​e Brackets,这就是为什么我(此时)不考虑使用它的原因(而且似乎大多数 Brackets 的“酷特性”都适用于 vanilla CSS,而不是 Sass)。

** Live Style : 这个我试过了,就是不行。

我一定在 Google 上搜索过“Live editing Sublime”、“Live Refresh Codepen Sublime Text”等。今年一千次,结果非常糟糕。

如果有人有任何信息 gem ,请将此添加到此,请张贴!

最佳答案

是的,您只需要 takana:https://github.com/mechio/takana

这个工具创建了一个小服务器,它与页面加载的 css 进行实时交互。您所需要的只是设置服务器并将 javascript 片段添加到您的 html 代码中(之后您显然会删除它……)。
目前只有 OSX,实时编辑甚至可以在不同的浏览器上运行。欢迎来到真棒!

关于sass - Sublime Text 是否支持 CSS/SASS 文件的实时编辑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19985105/

相关文章:

macos - Mac OS X 上多个光标的 Sublime Text 热键/键绑定(bind)

python - python 和 Sublime text 2 的奇怪错误

c - 即使在 sublime text 2 中获得输出后如何保持命令提示符打开

javascript - Sublime Text,在对象点上显示 Intellisense

python - 有没有人想出 Sublime Text 2 中的修复行延续(Python 风格)?

java - 有没有办法向 Sublime Text 2 添加对 Java 的自动完成支持?

javascript - 如何使用 hsl 而不是 rgb 进行 scss 全局声明 javascript api

javascript - 尝试更改 Owl Carousel 导航中使用的真棒字体的字体颜色

reactjs - 如何使用 SASS 模拟 Material UI 的 "theme.mixins.toolbar"

css - compass 多个 css 转换