WebStorm 2025.3 ヘルプ

その他のファイルタイプ

スキーム

この領域で、コードスタイルスキームを選択し、必要に応じて変更します。コードスタイルスキームの設定は、WebStorm がコードを生成、リファクタリング、再フォーマットするたびに自動的に適用されます。

IDE には、プロジェクトスキームとデフォルトスキームの 2 つの定義済みスキームが付属しています。

  • プロジェクトスキームでは、構成する設定は現在のプロジェクトにのみ適用されます。

    これらの設定は、.ideacodeStyles フォルダーに保存され、VCS を介してプロジェクトと共有されます。

    プロジェクトのコードスタイル設定を変更すると、IDE によってフォルダーが作成されます。

  • デフォルトスキーム(IDE レベルのスキーム)では、構成する設定は、デフォルトコードスタイルスキームが選択されている既存のすべてのプロジェクトに適用されます。

    これらの設定は、WebStorm コンフィギュレーションディレクトリの下の codestyles フォルダーに保存され、VCS を介して共有されません。

プロジェクトコードスタイルスキームをデフォルトスキームとして使用する場合は、IDE レベルにコピーできます。逆の方法も可能です。現在のプロジェクト設定を IDE レベルのスキームの設定で上書きし、チームの他のメンバーと共有することができます。

項目

説明

スキーム

このリストから、使用するスキームを選択します。定義済みのスキームは太字で示されています。事前定義スキームのコピーとして作成されたカスタムスキームは、プレーンテキストです。スキームが格納される場所は、各スキームの横に記述されます。たとえば、デフォルトスキームは IDE に格納され、プロジェクトスキームはプロジェクトに格納されます。

Show Scheme Actions

このボタンをクリックして、スキームを管理するためのコマンドのリストを呼び出します。

  • IDE にコピー : スキーム設定を WebStorm にコピーするには、このオプションを選択します。

  • エクスポート : 選択したスキームを IntelliJ IDEA コードスタイル XML または EditorConfig 形式でエクスポートするには、このオプションを選択します(EditorConfig プラグインが有効になっている場合)。

    Export code style scheme

    EditorConfig を使用してディレクトリレベルでコードスタイルを管理する詳細を参照してください。

  • スキームをインポート : 指定した場所から選択したタイプのスキームをインポートするには、このオプションを選択します。

    Import the scheme
  • プロジェクトにコピー : このオプションを選択すると、現在のプロジェクトコードスタイル設定が、選択した IDE コードスタイルスキームの設定で上書きされます。

  • 複製 : 選択したスキームのコピーを作成するには、このオプションを選択します。

  • リセット : このオプションを選択すると、デフォルトまたはバンドルされている配色が WebStorm に付属の初期デフォルトにリセットされます。このコマンドは、いくつかの変更が行われた場合にのみ使用可能になります。

  • 名前変更 : 選択したカスタムスキームの名前を変更するには、このオプションを選択します。Enter を押して変更を保存するか、Escape を押してキャンセルします。

タブとインデント

タブ文字を使用する

  • このチェックボックスをオンにすると、タブ文字が使用されます。

    • Tab キー押下時

    • インデント用

    • コードを再フォーマットするため

  • チェックボックスがオフの場合、WebStorm はタブではなくスペースを使用します。

スマートタブ

インデントは 2 つの部分で構成されます。1 つの部分はコードブロックのネストに起因し、他の部分はアライメントによって決定されます。

  • このチェックボックスが選択されている場合、ネストの結果生じる部分にはタブとスペースの両方が(必要に応じて)含まれますが、alignment によって定義される部分はスペースのみで構成されます。

  • このチェックボックスをオフにすると、タブのみが使用されます。これは、指定されたタブサイズに合うスペースのグループを再フォーマットした後、自動的にタブに置き換えられることを意味します。

タブサイズ

このフィールドで、タブに収まるスペースの数を指定します。

インデント

このフィールドでは、各インデントレベルに挿入するスペースの数を指定します。

2024 年 10 月 08 日

関連ページ:

コードスタイルの構成

特定のコーディングガイドラインが企業内に存在する場合は、ソースコードを作成する際に、このガイドラインに従わなければなりません。WebStorm は、必要なコードスタイルを維持できます。IDE には、プロジェクトスキームとデフォルトスキームの 2 つの定義済みスキームが付属しています。プロジェクトスキームでは、構成する設定は現在のプロジェクトにのみ適用されます。これらの設定は、.idea の codeStyles フォルダーに保存され、VCS を介してプロジェクトと共有されます。プロジェクトのコードスタ...

IDE で使用されるディレクトリ

デフォルトでは、WebStorm は、各 IDE インスタンスのユーザー固有のファイル(構成、キャッシュ、プラグイン、ログなど)をユーザーのホームディレクトリに保存します。ただし、必要に応じて、これらのファイルを保存する場所を変更できます。IDE で使用されるファイルとディレクトリを見つけるメインメニューからを選択します。開いたダイアログには、WebStorm によって使用されるすべてのファイルとディレクトリが、現在のインストールの正確なパスとともに表示されます。リスト内の特定の項目を選択して...

EditorConfig

WebStorm を使用すると、EditorConfig をサポートする個々のファイルセットのすべてのコードスタイル設定を管理できます。必要なのは定義したいコードスタイルのファイルを含むルートディレクトリに .editorconfig ファイルを置くことです。プロジェクトに複数のコードスタイルがある場合(たとえば、テスト用や本番コード用)、プロジェクトの対応するフォルダーに複数の .editorconfig ファイルを含めることができます。これにより、同時に複数のコードスタイル標準に従うことができます。....

インスペクション

このページを使用して、インスペクションプロファイルのカスタマイズ、インスペクション重大度レベルの構成、インスペクションの無効化と有効化、さまざまなスコープのインスペクションの構成を行います。変更されたインスペクションは青でハイライトされます。プロファイルの管理:プロファイル設定したいプロファイルの名前を選択します。適用をクリックすると、選択したプロファイルがプロジェクトのハイライトに自動的に使用されます。IDE にコピー / プロジェクトにコピー: プロジェクトまたはグローバル(IDE)レベルで選...