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

Question

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

我正在寻找更好的工作流程.我非常喜欢Sublime Text,但最近我被Codepen.io和(最近测试过的)Adobe Brackets等工具的"实时编辑"功能所破坏.当我回到Sublime时,甚至Live Reload在比较中看起来很笨拙.

Live Reload:按Save To Preview ..
我正在使用LiveReload Chrome插件,根据项目(Ruby或JS),我将使用Guard或Grunt来监视系统文件.我喜欢LiveReload.但是,不得不在文件上按"保存"以查看其在浏览器中的更改,这让我感到疯狂.即使使用CSS样式注入(没有完整的浏览器重新加载),我也会盲目地与Codepen和Brackets进行比较,它们会在您键入时立即更新.

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

**Chome Tools Spaces**:在浏览器中编辑Sass的能力很酷.我已经设置好了,但我很少使用它.在Sublime Text中编辑HTML/CSS/Sass在各方面都优于Chrome Tools.到目前为止,它远远优于Adobe Brackets,这就是为什么我(在这一点上)没有考虑使用它(而且似乎大多数Brackets的酷炫功能都在使用vanilla CSS而不是Sass).

**现场风格:我试过这个,但我无法让它发挥作用.

我必须使用谷歌搜索"Live Edit Sublime","Live Refresh Codepen Sublime Text"等等.今年一千次,结果一直很糟糕.

如果有人有任何宝石信息,请将此添加到此请发布给他们!

Answer 1

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

\n\n

这个工具创建了一个小服务器，它可以与页面加载的 CSS 进行实时交互。您所需要做的就是设置服务器并将 JavaScript 代码段添加到您的 html 代码中（显然您随后将删除它\xe2\x80\xa6）。\n目前仅在 OSX 上，实时编辑甚至可以在不同的浏览器上运行。欢迎来到精彩！

\n