2

WebStorm / IntelliJ(numbers.js) の javascript リモート デバッグ チュートリアルに取り組んできました。

私はリモート デバッグを正常に機能させることができましたが、作業を困難にしていることが 1 つあります。

WebStorm で numbers.js をデバッグしているとき (IntelliJ でもテストして同じ結果が得られました)、ファイルが読み取り専用であることを示す小さなロック アイコンが表示されます。現時点では、次の開発/展開プロセスを完全に実行するのは遅くて苦痛です:

  1. ローカル ファイルのコード変更
  2. アップロード
  3. ロックされたリモート ファイルのデバッグ
  4. WebStorm のタブをローカル ファイルに切り替える
  5. ローカル ファイルのコード変更

少なくともやりたいことは、ローカル ファイルでデバッグすることです。これにより、デバッグ中に変更を加えてから、すばやくアップロードして繰り返すことができます。

@ チュートリアル http://wiki.jetbrains.net/intellij/Remote_JavaScript_debugging_with_WebStorm_and_PHPStorm

ローカルで実行している WebStorm で見られるように、numbers.js ファイルにはタブにロックされた記号がありません。

他の誰かがこの問題を抱えていますか？ステップスルーおよびデバッグ中にローカルファイルに変更を加えることができるように、どのように WebStorm を動作させたのかアドバイスをくれる人はいますか?

ありがとう

4

1 に答える 1

4

ほとんどの場合、パネルの[スクリプト]タブからファイルを開き、そこにブレークポイントを配置します。Debugger代わりに、元のファイルにブレークポイントを配置する必要があります。

展開は自動（保存時）にすることも、サーバールートがプロジェクトフォルダーに構成されているときにインプレース構成を使用することもできます。

もう1つの重要なことは、デバッグ構成でのローカルファイルからリモートURLへのマッピングです。wikiチュートリアルでは、リモートURLhttp://はとサーバー名を含む完全なURLに設定されていることに注意してください。

インプレース展開または自動アップロードと正しいマッピングを使用すると、所要時間をゼロにしてスクリプトをデバッグできます。変更を加え、ブラウザに切り替え、更新します（ファイルはSettings| General|Save files on frame deactivationがデフォルトで有効になっているため自動的に保存されます）。

プロジェクトでこのように機能しない場合は、JetBrainsサポートに連絡し、サンプルプロジェクトを送信してこの問題を再現し、サーバーとデプロイメントの設定についても説明してください。

于 2012-02-12T18:41:25.827 に答える