3

私は Windows 用の Rubymine 5.4 を使用していますが、全体的に驚くべきものであり、いくつかの例外を除いて、HTML / CSS エディターとして Visual Studio と同じくらい 95% 優れています。結果のプレビューをライブで見ることができると入力します (VS に加えて、DreamWeaver にもこの機能があります)。IDE、ヘルプ、または Google/Stack の検索で、そのようなものを見つけることができないようです。

明確にするために、私が探しているのは、RubyMine で分割画面ビューを使用して、1 つのペイン/タブで HTML/CSS を編集し、ブラウザーでどのように見えるかのライブ プレビューを表示する方法です。別のタブ/ペイン。

理想的には、これは次のようになります。

  1. RubyMine 自体 (上記のネイティブ ペイン/タブを使用)
  2. ユーザーは、プレビューを表示したいブラウザー レンダリング エンジン (Chrome、FF、IE など) を構成できます...

...ただし、上記の 2 つのバリエーションを使用することもできます。たとえば、外部ウィンドウ/ブラウザーを使用して RubyMine と統合したり、プレビューを限られたレンダリング エンジン (たとえば Chrome のみ) でのみ使用したりできます。

4

1 に答える 1

5

@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. ここから Chrome 用の JetBrains IDE ブラウザー拡張機能をダウンロードします。
    • Chrome 拡張機能は、IDE の外部のWYSIWYG/リアルタイムの「LiveEdit」、外部 Chrome ウィンドウ、および実際の RubyMine IDE 内のJavaScript デバッグの両方をサポートします。
    • FireFoxの拡張機能もあると思います.IDEを介したJavascriptのデバッグもサポートしていると思います. ただし、Chrome 拡張機能のような LiveEdit をサポートしているかどうかはわかりません
  9. (起動) プロジェクトをデバッグする
  10. 通常どおりに編集します

所見/意見

プラグインはほぼシームレスに動作します。ページを常に手動でリロードする必要がないため、開発時間が大幅に短縮されることがわかりました。つまり、マウスまたはキーボードを使用してブラウザー ウィンドウにフォーカスを移動し、更新を押します。この時間は、特に多くのことを行っている場合に加算されます。 HTML/CSS を使用していて、変更を頻繁に確認したい場合。

ただし、主要なバックエンド/RailsまたはJavascriptを実行する場合は、コードの解釈/処理のためにリロードが少し長くなり、ステートメントの途中でエラーが発生する可能性があるため、オフにすることをお勧めしますLiveEdit は、変数が定義されていないか、不適切な値を持っているときに更新を決定します。この場合、手動で更新する必要がないことで節約された時間は、サーバー側または JS でコンテンツが作成/レンダリングされる頻度と時間によって失われる可能性があります (1 倍以上)。クライアントで。

于 2013-09-01T16:13:14.110 に答える