WebStorm 2026.1 ヘルプ

コード編集

設定ダイアログのコード編集ページを使用して、一般的なコード編集オプションを構成します。

項目

説明

キャレット移動のハイライト

一致した括弧

このチェックボックスをオンにすると、キャレットを開始点の直前または終了点の直後に配置したときに、WebStorm 開閉括弧のペアをハイライト表示するになります。HTML タグや XML タグでも機能します。

現在の範囲

WebStorm に現在のキャレット位置に入力されたコードの有効範囲をハイライトさせるには、このチェックボックスを選択します。

キャレット上の要素の使用箇所

このチェックボックスを選択すると、WebStorm は現在キャレットが配置されている要素のすべての使用箇所をハイライトします。

リファクタリング

リファクタリングオプションの指定

  • エディター内 : インプレースリファクタリングモードを有効にするには、このオプションを選択します。

    インプレースモードでは、エディターで直接入力するだけで、リファクタリングに必要なすべてまたはほとんどの情報を指定できます。影響を受けるすべてのコードフラグメントがハイライトされ、入力に応じて変化します。必要に応じて、追加のリファクタリングオプションが対応するオプションボックスで選択されます。

    インプレースモードで WebStorm が特定のリファクタリング(たとえば、名前変更移動インライン化など)を実行しない場合、設定は無視され、対応するダイアログが開きます。

  • モーダルダイアログ内 : コードをリファクタリングするときにリファクタリングダイアログを使用する場合は、このオプションを選択します。

現在のシンボル名を「名前の変更」リファクタリング用に選択する

このチェックボックスが選択されている場合、そのシンボルに対して Rename リファクタリングが呼び出されたときに、エディターまたは名前変更ダイアログでシンボルの古い名前が選択されます。

The current name is preselected

チェックボックスがオフの場合、名前を変更するシンボルは選択されません。

The current name is not preselected

ローカル変数のインラインダイアログを表示する

インラインローカル変数リファクタリングの確認ダイアログを表示する場合は、このチェックボックスをオンにします。

エラーのハイライト

エラー表示マークの高さ (ピクセル)

このフィールドで、エラーと警告のストライプの最小サイズを指定します。

自動解析までの間隔 (ミリ秒)

このフィールドには、WebStorm が入力テキストの再解析を開始するまでの期間を指定します。

'次のエラー' アクションで通過

  • 最も優先度の高い問題 : 移動 | 次の / 前のハイライトされたエラーコマンド F2/Shift+F2 を実行するときに、WebStorm が最も優先度の高い問題(エラーなど)のみを通過するようにするには、このオプションを選択します。

  • すべての問題 : このオプションを選択すると、WebStorm が既存のすべての問題(エラーや警告など)を順番に通過します。

クイックドキュメント

ホバー時にクイックドキュメントを表示する

このチェックボックスをオンにすると、シンボルの上にマウスポインターを移動したときに、そのシンボルのクイックドキュメントが表示されます。ツールチップ遅延フィールドで指定された遅延時間の後に、クイックドキュメントポップ上へが表示されます。

エディターのツールチップ

ツールチップ遅延

このオプションを使用して、すべてのエディターツールチップがマウスホバーに表示される遅延を指定します。エディターのツールチップは次のとおりです。

  • クイックドキュメント。この設定ページでホバー時にクイックドキュメントを表示するオプションが選択されている場合に表示されます。Ctrl+Q を押すと、キーボードでこのツールチップを呼び出すことができます。

  • エラーの説明。現在のファイルで設計時コードインスペクションが有効になっている場合に、ハイライトされたコードの問題に表示されます。Ctrl+F1 を押すと、キーボードでこのツールチップを呼び出すことができます。

2025 年 5 月 02 日

関連ページ:

JavaScript のリファクタリング

リファクタリングとは、アプリケーションの動作を変更せずにソースコードを更新することを意味します。リファクタリングは、コードを安定した dry に保ち、保守を容易にできます。シンボルの移動リファクタリング:WebStorm を使用すると、ファイルやフォルダーを移動できるだけでなく、JavaScript トップレベルシンボルを移動できます。シンボルの移動リファクタリングは、ES6 モジュールのクラス、関数、変数に対して機能します。クラス、関数、変数を移動する移動するシンボルを選択します。を押すか、コン...

クイックドキュメント検索

クイックドキュメントの参照を使用すると、プロジェクトおよびその依存関係からのシンボルの参照、および標準の JavaScript オブジェクトおよびメソッドの参照を表示できます。詳細については、「JavaScript ドキュメントの検索および TypeScript ドキュメントのルックアップ」を参照してください。プロジェクトシンボルまたはプロジェクトの依存関係からのシンボルの場合、WebStorm は対応する JSDoc コメントからドキュメントを生成します。コメントを作成するには、ドキュメント化する...

スマートキーの設定: JavaScript

この設定ページを使用して、JavaScript で入力支援機能を構成します。WebStorm での JavaScript サポートの詳細については、「JavaScript」を参照してください。'${' の入力時に自動的に文字列リテラルをテンプレート文字列に置換:デフォルトでは、チェックボックスが選択されており、と入力すると文字列リテラルがテンプレート文字列に自動的に変換されます。この動作により、コード (Vue.js テンプレートなど) の補間が壊れる可能性があります。補間の破壊を防ぎ、文字列...

フォント

このページを使用して、WebStorm エディターで使用されるフォントを設定します。デフォルトでは、このフォントはすべての配色で使用されます。詳細については、フォントを参照してください。フォントエディターでテキストのフォントを選択します。サイズフォントのサイズをポイント / ポイントで指定します。エディターでフォントサイズをすばやく変更する必要がある場合は、を押して IDE 設定を開き、に移動して、オペレーティングシステムに応じてコマンド + マウスホイールでフォントサイズを変更するまたは Co...