Html Rubymine的实时预览/所见即所得支持或插件?

Html Rubymine的实时预览/所见即所得支持或插件?,html,css,wysiwyg,rubymine,live-preview,Html,Css,Wysiwyg,Rubymine,Live Preview,我正在使用Rubymine 5.4 for Windows,它总体上令人惊讶,作为HTML/CSS编辑器,它的性能比Visual Studio高出95%,只有少数例外。。。主要原因是缺少实时预览/WYSIWYG功能,也就是说,当我键入时,我可以看到结果的实时预览(除了VS,DreamWeaver还具有此功能)。我似乎在IDE、帮助或任何Google/Stack搜索中都找不到类似的东西 要明确的是,我正在寻找的是一种在RubyMine中使用分屏视图的方法,在其中我可以在一个窗格/选项卡中编辑HTM

我正在使用Rubymine 5.4 for Windows,它总体上令人惊讶,作为HTML/CSS编辑器,它的性能比Visual Studio高出95%,只有少数例外。。。主要原因是缺少实时预览/WYSIWYG功能,也就是说,当我键入时,我可以看到结果的实时预览(除了VS,DreamWeaver还具有此功能)。我似乎在IDE、帮助或任何Google/Stack搜索中都找不到类似的东西

要明确的是,我正在寻找的是一种在RubyMine中使用分屏视图的方法,在其中我可以在一个窗格/选项卡中编辑HTML/CSS,并在另一个选项卡/窗格中查看浏览器中的实时预览

理想情况下,这将是:

  • 在RubyMine中(使用如上所述的本机窗格/选项卡)
  • 用户可以配置他们想要在中查看预览的任何浏览器渲染引擎(Chrome、FF、IE等)

  • …然而,我可以接受以上两种方式的任何变化,例如,使用外部窗口/浏览器与RubyMine简单集成,或者,预览仅在有限的渲染引擎(比如说只有Chrome)下可用。

    感谢@CrazyCoder和@LazyOne提供的指针

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

    解决方案是使用官方Jetbrains(RubyMine制造商)的LiveEdit插件,您可以在这里找到该插件:


    详细说明
  • 从此处下载JetBrains LiveEdit插件:
  • 运行
    Rubymine>Settings>Plugins
    (在搜索中键入“Plugins 设置中的框)
  • 单击列表底部的
    从磁盘安装插件
    按钮
  • 导航到下载插件的位置并选择/打开它
  • 通过在插件列表中选中它来激活
  • (您可能必须)重新启动RubyMine
  • 重新启动后,转到
    菜单栏>视图>实况编辑(然后将选中该菜单)
  • 在此处下载适用于Chrome的JetBrains IDE浏览器扩展插件:
    • Chrome扩展既支持IDE外部、外部Chrome窗口中的WYSIWYG/实时“LiveEdit”,也支持实际RubyMine IDE中的JavaScript调试
    • 我相信FireFox还有一个扩展,我相信它也支持FireFox 通过IDE进行Javascript调试。但是,我不确定它是否支持像Chrome扩展那样的LiveEdit
  • (启动)调试您的项目
  • 像平常一样编辑
  • 意见/意见 这个插件几乎可以无缝工作。我发现它不必经常手动重新加载页面,即使用鼠标或键盘将焦点转移到浏览器窗口并点击刷新,从而显著缩短了开发时间。。。这段时间很重要,尤其是当你正在做大量的HTML/CSS并且想要经常检查你的更改时


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

    RubyMine与WebStorm共享实时编辑(安装插件)功能,请参阅。在这张WEB-7537票中加上一条评论:浏览器扩展是必须的吗?我使用firefox而不是chrome。