JavaScript デバッガーの構成
GoLand は、 クライアントサイド JavaScript コード用の組み込みデバッガーを提供します。 デバッグセッションを開始すると、ビルトインデバッガーが自動的に起動します。
デバッグを確実に行うには、組み込みウェブサーバーポートを指定し、他のデバッガーオプションについては GoLand によって提案されるデフォルト設定をそのまま受け入れるだけで十分です。
始める前に
設定で JavaScript and TypeScript バンドルプラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 を選択します。 検索フィールドに JavaScript と TypeScript と入力します。 プラグインの詳細については、 プラグインの管理を参照してください。
設定で JavaScript Debugger バンドルプラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、 を選択します。 検索フィールドに JavaScript デバッガー と入力します。 プラグインの詳細については、 プラグインの管理を参照してください。
組み込みの Web サーバーポートを設定する
GoLand には、Web ブラウザーでアプリケーションのデバッグや、GoLand の内蔵ブラウザーによるコードプレビューに利用できる組み込み Web サーバーがあります。 このサーバーは常に実行されており、手動による構成は必要ありません。 組み込みサーバーで実行されているアプリケーションをデバッグする詳細を参照してください。
Ctrl+Alt+S を押して設定を開き、 を選択します。
ビルトインサーバー エリアで、組み込み Web サーバーが実行されるポートを指定します。 デフォルトでは、このポートは、GoLand がサービスからの接続を受け入れるデフォルトの GoLand ポート 63342 に設定されています。 ポート番号は 1024 から始まる他の値に設定できます。

デフォルトのデバッガー構成をカスタマイズする
呼び出しを抑制する
Ctrl+Alt+S を押して設定を開き、 に移動します。
外部接続を受け入れ可能 または 署名されていない要求を許可する チェックボックスをそれぞれオフにすることで、他のコンピューターや GoLand の外部から組み込みサーバー上のファイルへの呼び出しを抑制します。

ブレークポイントを削除する方法を選択する
デフォルトでは、マウスの左ボタンをクリックすることでブレークポイントを切り替えることができます。 この動作を変更するには、以下の手順に従います。
Ctrl+Alt+S を押して設定を開き、 に移動します。
ブレークポイントの除去 領域で、適切なオプションを選択します。

スキップするスクリプトを指定する
ステップイン では、通常デバッグする必要がない可能性があるため、一部のスクリプトがスキップされます。 このリストは、 設定 ダイアログ (Ctrl+Alt+S) の ページで微調整できます。
デバッグセッションの起動に使用する実行/デバッグ構成を開き、 ステップ実行中 タブに切り替えます。
自動 スマートステップイン を抑制するには、 常にスマートステップインする チェックボックスをオフにします。
ソースマップの
ignoreListフィールドからスクリプトをスキップするには、 ソースマップで指定された既知のサードパーティスクリプトを無視する チェックボックスを選択します。古い Chrome 固有のフィールド名
x_google_ignoreListは非推奨ですが、ignoreListフィールドがない場合は引き続き認識されることがあります。 詳しくは、 ソースマップ仕様を参照してください。カスタムスクリプトへのステップインを抑制するには、 以下のパターンに一致する URL を持つスクリプトにステップインしない チェックボックスを選択し、下のそのようなスクリプトのデフォルトリストを展開します。
*、?、**、!を使用します。
パターン構文
パターンでは次の文字がサポートされています:
アスタリスク
*は、スラッシュ/を除く 0 個以上の文字に一致します。 この文字は単一のパス部分内で使用します。疑問符
?は、スラッシュ/を除くちょうど 1 文字に一致します。セグメント全体としての二重アスタリスク
**は、0 個以上のパスセグメントに一致します。 意味は位置によって異なります:最初の部分として使用すると、先頭の任意のシンボルに一致します。
最後の部分として使用すると、末尾の任意のシンボルに一致します。
中央では、1 つ以上の部分に一致します。 たとえば、
a/**/bはa/x/bとa/x/y/bに一致しますが、a/bには一致しません。
最後のセグメント末尾の二重アスタリスク
**(単独で完全なセグメントではないもの。たとえばfoo**) は、そのセグメントの後の任意のサフィックスに一致します。 たとえば、foo**はfoo、foobar、foo/barに一致します。感嘆符
!で始まるパターンは、指定されたパターンを否定し、リスト内でその前に追加されたパターンを変更します。 それ自体で新しいパターンを追加することはありません。
- 例 1
パターンリスト
["**/*.ts", "!**/*.test.ts"]では、最初の glob がすべての .ts ファイルに一致します。 2 番目のパターンは最初の glob を変更し、すべての .test.ts ファイルを一致から除外します。- 例 2
渡された URL は、スラッシュ
/によって部分に分割されます。 したがって、**/node_modules/**は次のように分割されます::二重アスタリスク
**は、node_modulesセグメントより前の任意のパスに一致します。node_modulesは URL 内のnode_modulesに一致します。二重アスタリスク
**は、その後に続く任意のものに一致します。
その結果、パターン
**/node_modules/**はnode_modulesを含む任意の URL に一致します。スクリプトの URL はパターン全体に対して照合されることに注意してください。 2 番目の二重アスタリスク
**を削除すると、パターンはnode_modulesで終わる任意の URL に一致しますが、そのような URL はおそらく 0 個です。- 例 3
特定のファイル名で終わる任意のパターンに一致させるには、2 番目の二重アスタリスク
**を省略します。**/app.jsはapp.jsで終わるすべての URL に一致します。次のパターンリストは、 node_modules 内で app.js という名前のものを除くすべてのスクリプトを無視します。
**/node_modules/** !**/app.js
拡張オプション
Ctrl+Alt+S を押して設定を開き、 に移動します。
インラインデバッグを有効または無効にしたり、オブジェクトの値や 式の評価結果を含むツールヒントをいつ表示するかを指定したりします。

Ctrl+Alt+S を押して設定を開き、 に移動します。
オブジェクトプロパティをオブジェクトノードに表示するかどうかを指定します。 表示する場合は、プロパティを指定します。 プロパティのリストを管理するには、
と
を使用します。

推奨する Chrome ユーザーデータでデバッグセッションを開始する
デバッグセッションが、通常のウィンドウではなく、カスタム Chrome ユーザーデータ(英語)で新しいウィンドウで開始されることに気付くかもしれません。 その結果、ウィンドウの見た目が通常と異なり、たとえばブックマーク、ブラウザー履歴、拡張機能が表示されず、開発エクスペリエンスが損なわれます。 これは、GoLand が Chrome デバッグプロトコルを使用し、Chrome を --remote-debugging-port オプションで実行するために発生します。 ただし、Chrome がすでに起動している場合、同じユーザーデータディレクトリを持つ新規または既存の Chrome インスタンスに対してデバッグポートを開くことができません。 そのため、GoLand は常にカスタムユーザーデータディレクトリを持つ新しいウィンドウでデバッグセッションを開始します。
使い慣れたルックアンドフィールで新しい Chrome インスタンスを開くには、GoLand で Chrome をユーザーデータディレクトリから開始するよう構成してください。

GoLand で Chrome を設定して、推奨する Chrome ユーザーデータで起動する
お好みの Chrome ユーザーデータ(英語)を Chrome のデフォルトのユーザーデータディレクトリ(英語)とは異なる別のカスタムディレクトリ 形式でコンピューターに保存します。
Chrome 136 以降はデフォルトのユーザーディレクトリでのデバッグをサポートしていないため、お好みのユーザーデータを別のカスタムディレクトリに保存する必要があります。 詳しくは Chrome オフィシャル Web サイト(英語)を参照してください。
Ctrl+Alt+S を押して設定を開き、 を選択します。
新しい Chrome 構成を作成するには、
をクリックします。 新しい項目がリストに表示されます。 パス フィールドに、Chrome インストールフォルダーへのパスを指定します。
新しい構成を選択し、 編集 ボタン (
) をクリックします。
Chrome 設定 ダイアログで、 カスタムユーザーデータディレクトリを使用する チェックボックスを選択し、優先するユーザーデータを含むカスタムディレクトリへのパスを指定します。
複数の ユーザーデータプロファイル(英語)がある場合、それぞれが別々のサブディレクトリに保存されます。 プロファイルを使用するには、 コマンドラインオプション フィールドで以下のように指定します。
--profile-directory="<profile_to_use>"
Web ブラウザーの説明に従って、Chrome ブラウザー構成を デフォルトに設定します。 ブラウザー リストから必要なブラウザーを 実行/デバッグ構成の作成時に選択するのを忘れないでください。