WebStorm 2026.1 Help

インデント

インデント設定は、プログラミング言語ごとに個別に構成されます。

WebStorm は、 ステータスバーにインデント情報を表示します。 プロジェクトにさまざまなタイプのファイルがある場合、現在のインデントスタイルを学習し、対応する設定にアクセスする最も簡単な方法は、 インデント ウィジェットを使用することです。

インデントウィジェット

インデントはプログラミング言語ごとに個別に設定されるため、開いている項目によって表示されるインデントの数が異なる場合があります。 ステータスバーのインデントを表示するには、エディターで関連するコードを含むファイルを開きます。

インデントスタイルを構成する

WebStorm では、 コードスタイルスキームまたは .editorconfig ファイルでインデントを構成できます。

コードスタイルスキームでインデント設定を開く

  1. ウィジェットをクリックして、 <language_or_SQL_dialect> 用インデントを構成する。 を選択します。

    インデントウィジェットからインデントを設定する
  2. 開いたダイアログで、タブとインデントの設定を変更したり、他のコードスタイル設定を構成したりできます。 OK をクリックしてください。

  3. プロジェクトの必要な部分を再フォーマットして 、新しいインデント設定を適用します。

.editorconfig でインデント設定を開く

コードスタイル設定が .editorconfig ファイルを介して指定されているファイルには、ウィジェットに アイコンがあります。

  1. ウィジェットをクリックして、 .editorconfig を開く を選択します。

    IDE は、現在作業しているファイルに影響を与える最も近い .editorconfig ファイルを開きます。 使用可能なすべての .editorconfig ファイルのリストを表示するには、 プロジェクト関連のファイルを表示… をクリックします。

    インデントウィジェットから開いた EditorConfig メニュー
  2. 変更を加え、 プロジェクトの必要な部分を再フォーマットして 、新しいインデント設定を適用します。

インデントを自動的に検出

現在のファイルのインデントスタイルを検出し、特定の言語のコードスタイル設定で指定されたインデントの代わりにこのスタイルを使用するように WebStorm を構成できます。

  1. Ctrl+Alt+S を押して設定を開き、 エディター | コードスタイル を選択します。

  2. 既存のファイルのインデントを検出して編集に使用する チェックボックスを選択します。

  3. 変更を適用し、ダイアログを閉じます。

自動インデントを無効にするには、設定に戻ってチェックボックスの選択を解除するか、 インデント ウィジェットをクリックして インデント検出の無効化 を選択します。

エディターにインデントガイドを表示する

インデントガイドは、コードのインデントレベルを確認するのに役立つ薄い縦線です。 設定でインデントガイドを有効にすることができます。

  1. Ctrl+Alt+S を押して設定を開き、 エディター | 一般 | 外観 を選択します。

  2. インデントガイドを表示する オプションを有効にします。 変更を適用し、ダイアログを閉じます。

その後、インデントレベルを示す垂直線がエディターに表示されます。

2026 年 6 月 8 日