Sublime Text 是否支持实时编辑 CSS/SASS 文件?
Sublime Text 是否支持实时编辑文件?
我正在寻找更好的工作流程.我真的很喜欢 Sublime Text，但最近我被 Codepen.io 和(最近测试的)Adobe Brackets 等工具的实时编辑"功能宠坏了.当我回到 Sublime 时，即使 Live Reload 与它相比也显得笨拙.
I'm looking for a better workflow. I really like Sublime Text, but recently I've been spoiled by the "Live Editing" capabilites of tools like Codepen.io and (recently tested) Adobe Brackets. When I go back to Sublime, even Live Reload seems clunky in comparision.
实时重新加载:按保存预览..
我正在使用 LiveReload Chrome 插件，根据项目(Ruby 或 JS)，我将使用 Guard 或 Grunt 来查看系统文件.我喜欢 LiveReload.但是必须在文件上按保存"才能在浏览器中查看其更改，这让我很抓狂.即使使用 CSS 样式注入(没有完整的浏览器重新加载)，与 Codepen 和 Brackets 相比，它们在您键入时会立即更新.
Live Reload: Press Save To Preview..
I'm using the LiveReload Chrome plugin, and depending on the project (Ruby or JS) I'll use Guard or Grunt to watch system files. I like LiveReload. But having to press 'save' on a file to see its changes in the browser is driving me nuts. Even with CSS style injection (no full browser reload), I'm flying blind in comparision to Codepen and Brackets which have instant updates as you type.
其他工具
** GUI 工具 **:我听说过 Codekit 和 Hammer 之类的工具.如果我错了，请纠正我，但他们似乎和 Gaurd 和 Grunt 做的完全一样——除了没有命令行.
Other Tools
** GUI Tools **: I've heard of tools like Codekit and Hammer. Please correct me if I'm wrong, but they seem to do exactly what Gaurd and Grunt do—except no command line.
** Chome Tools Spaces **:在浏览器中编辑 Sass 的功能很酷.我已经设置了它，但我很少使用它.在 Sublime Text 中编辑 HTML/CSS/Sass 在各方面都优于 Chrome 工具.在这一点上，它远远优于 Adobe Brackets，这就是为什么我不(此时)考虑使用它(而且似乎 Brackets 的大部分酷功能"都适用于 vanilla CSS，而不适用于 Sass).
** Chome Tools Spaces **: The ability to edit Sass in the browser is cool. I've set this up, but I rarely use it. Editing HTML/CSS/Sass in Sublime Text is superior to Chrome Tools in every way. And to that point, it is far superior to Adobe Brackets which is why I don't (at this point) considering using it (Also it seems most of Brackets 'cool features' work on vanilla CSS, and not on Sass).
**Live Style:我已经尝试过了，但我无法做到工作.
**Live Style: I've tried this, and I just can't get it to work.
我一定在谷歌上搜索了实时编辑 Sublime"、实时刷新 Codepen Sublime Text"等.今年 千次，结果非常糟糕.
I must have Googled "Live editing Sublime", "Live Refresh Codepen Sublime Text", etc.. a thousand times this year and results have been pretty lousy.
如果有人有任何宝贵的信息，请将此添加到此信息中，请发布！
If anyone has any gems of information regard this to add to this PLEASE POST THEM!
是的，您只需要 takana:https://github.com/mechio/takana
Yes it does, all you need is takana: https://github.com/mechio/takana
这个工具创建了一个小服务器，它与页面加载的 css 实时交互.您所需要的只是设置服务器并将 javascript 代码段添加到您的 html 代码中(您显然会在之后将其删除……).目前只有 OSX，实时编辑甚至可以在不同的浏览器上工作.欢迎来到真棒！
This tool creates a little server which interacts in live the the loaded css of the page. All you need is to setup the server and add the javascript snippet to your html code (you will obviously remove it afterwards…). For now only OSX, live editing is even working on different browsers. Welcome to the awesome!