Rubymine的实时预览/ WYSIWYG支持或插件？

Question

我使用的RubyMine 5.4 for Windows和它的整体惊人的,95%是Visual Studio中为HTML/CSS编辑器也有少数例外......其中最主要的是缺乏实时预览/所见即所得能力好,即作为我键入我可以看到生成的预览直播(除了VS,DreamWeaver也有此功能).我似乎无法在IDE,帮助或任何Google/Stack搜索中找到类似的内容.

需要明确的是,我所寻求的是一种方法,在RubyMine的分屏视图在那里我可以编辑我的HTML/CSS在一个窗格/选项卡,可以看到它会是什么样子在浏览器中实时预览另一个标签/窗格.

理想情况下,这将是:

1. 在RubyMine本身(使用如上所述的原生窗格/标签)
2. 用户可以配置他们想要查看预览的任何浏览器渲染引擎(Chrome,FF,IE等...)

...但是,我可以使用上述两种变体,例如使用外部窗口/浏览器简单地与RubyMine集成,或者,预览仅适用于有限的渲染引擎(仅限Chrome).

Answer 1

感谢@CrazyCoder和@LazyOne的指点......

经过一番研究,我已经确认并获得了更多细节:

解决方案是使用官方Jetbrains(RubyMine的制造商)LiveEdit插件,你可以在这里找到:http://plugins.jetbrains.com/plugin/？id = 7007

详细说明

1. 从这里下载JetBrains LiveEdit插件:http://plugins.jetbrains.com/plugin/？id = 7007
2. 运行Rubymine > Settings > Plugins(在设置中的搜索框中键入"插件")
3. 单击Install Plugin from disk列表底部的按钮
4. 导航到下载插件的位置,然后选择/打开它
5. 通过在插件列表上检查来激活
6. (您可能必须)重新启动RubyMine
7. 重新启动后,转到menubar > View > LiveEdit(将进行检查)
8. 在此处下载JetBrains IDE浏览器Extension for Chrome:https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji？utm_source = chrom -ntp -icon
   • Chrome扩展程序支持IDE外部的WYSIWYG /实时 "LiveEdit" ,外部Chrome窗口以及实际RubyMine IDE中的 JavaScript调试
   • 我相信还有FireFox的扩展,我相信它也支持通过IDE调试Javascript.BUt,我不确定它是否像Chrome扩展一样支持LiveEdit
9. (启动)调试您的项目
10. 像往常一样编辑

观察/意见

该插件几乎无缝地工作.我发现它不需要经常手动重新加载页面就可以显着缩短开发时间,即使用鼠标或键盘将焦点带到浏览器窗口并点击刷新...这一次尤其如果你做了很多HTML/CSS并希望经常检查您的更改.

但是,如果您要进行任何主要的后端/ Rails或Javascript,我建议将其关闭,因为由于代码解释/处理而导致重新加载可能会稍长一些,并且您在中间语句时遇到错误LiveEdit决定刷新而未定义变量或具有不正确的值.在这种情况下,您不必手动刷新所节省的时间可能会丢失(超过1倍)b/c在服务器端或JS中创建/呈现内容的频率和时长在客户端上.