【问题标题】:Does Sublime Text support live editing of CSS/SASS files?Sublime Text 是否支持 CSS/SASS 文件的实时编辑?
【发布时间】:2013-11-27 21:40:43
【问题描述】:

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

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

实时重新加载:按保存到预览..
我正在使用 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 工具。到那时,它远远优于 Adob​​e Brackets,这就是为什么我(此时)不考虑使用它的原因(而且似乎大多数 Brackets 的“酷特性”都适用于 vanilla CSS,而不是 Sass)。

**Live Style: 我试过这个,但我就是不能让它工作。

我一定在 Google 上搜索了“实时编辑 Sublime”、“实时刷新 Codepen Sublime 文本”等。今年 一千次,结果非常糟糕。

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

【问题讨论】:

  • 另外,Live Style 似乎只适用于仍处于测试阶段的 ST3。
  • 我正在使用 ST3,我无法让 LS 工作。我正在使用的构建工具 Middleman 将 Sass 生成的 CSS 放在缓存目录中(我相信)。也许这就是原因。
  • 对,那篇文章在互联网上随处提供了主要的答案:LiveReload、AutoReload 等。AutoReload 刷新了浏览器,这是样式注入的一个倒退。一定有某个聪明的人同样感到恼火,他想出了什么办法。
  • 您可以使用 Live Reload 和 stackoverflow.com/questions/15277166/… 来经常保存。

标签: sass sublimetext2 sublimetext livereload


【解决方案1】:

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

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

【讨论】:

  • 我无法让 Takana 使用我的构建文件夹。不知道为什么。请提供更好的文档!
  • @JCraine 看看here 我用 Meteor 框架解释了整个过程。也许您只是省略了 javascript 行或为 css 提供了错误的源文件夹
猜你喜欢
  • 2012-10-01
  • 1970-01-01
  • 2012-07-03
  • 2016-07-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-01
  • 2018-10-27
相关资源
最近更新 更多