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

时间:2013-11-14 18:09:09

标签: sass sublimetext2 sublimetext livereload

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

我正在寻找更好的工作流程。我真的很喜欢Sublime Text,但最近我被#34; Live Editing" Codepen.io和(最近测试过的)Adobe Brackets等工具的功能。当我回到Sublime时,甚至Live Reload在比较中看起来很笨拙。

直播重新加载:按保存预览..
我使用的是LiveReload Chrome插件,根据项目(Ruby或JS),我会使用Guard或Grunt来监视系统文件。我喜欢LiveReload。但是必须按“保存”#39;在一个文件上看到它在浏览器中的变化让我疯狂。即使使用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 Style:我已经尝试过了,我无法让它发挥作用。

我必须使用Googled"现场编辑Sublime"," Live Refresh Codepen Sublime Text"等等... 千次今年结果已经非常糟糕。

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

1 个答案:

答案 0 :(得分:2)

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

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