スコープとファイルの色
スコープ 
は、プロジェクト内のファイルとフォルダーのグループです。スコープを使用して、さまざまな IDE ビューでプロジェクト項目を視覚的に区別し、特定の操作の範囲を制限できます。
スコープは、プロジェクト内のファイルを論理的に編成するように設計されています。テストソースはテスト関連のスコープに移動でき、製品コードは製品ファイルのスコープに関連付けることができます。これらの論理チャンクにより、プロジェクトの管理が容易になります。例: テスト関連のインスペクションをテストクラスでのみ実行すると、アプリケーション内のすべてのファイルで実行する場合よりも時間がかかりません。
WebStorm には一連の定義済みスコープが付属していますが、カスタムスコープを作成することもできます。そこで、任意のファイルとフォルダーを含めることができます。例: カスタムスコープに含めることができるのは、自分が担当するプロジェクト内のファイルのみです。
WebStorm では、スコープはコードインスペクション、一部のリファクタリング、検索、コピーライト設定、コード分析のさまざまな機能などで使用されます。
スコープには、ローカルと共有の 2 種類があります。
ローカルスコープは IDE 構成ディレクトリに格納されているため、VCS を通じて共有されず、チームの他のメンバーは使用できません。
プロジェクトがバージョン管理されている場合は、共有スコープを使用することは理にかなっています。VCS を使用しない場合は、ローカルスコープで十分です。
新しいスコープを定義する
WebStorm には一連の定義済みスコープがありますが、独自のスコープを定義することもできます。
Ctrl+Alt+S を押して設定を開き、を選択します。
「スコープの追加」ボタン (
) をクリックし、定義するスコープの種類 ( ローカルまたは共有) を選択します。
後で VCS で共有するチェックボックスを使用して、選択したスコープの状態（ローカルまたは共有）を変更できます。
開いたダイアログで、新しいスコープに名前を付け、OK をクリックします。
新しいスコープにファイルを追加します。プロジェクトツリーで必要な項目を選択し、ツリーの右側にあるオプションのいずれかをクリックします。
含める : 選択したアイテムを含めます。フォルダーを含める場合、このアクションはこのフォルダー内にあるファイルのみを追加します。ネストされたすべてのサブフォルダーとその内容は含まれません。
再帰的に含める : ネストされたサブフォルダーとその内容とともに、選択したフォルダーを含めます。
除外 : 選択したアイテムをスコープから除外します。フォルダーを除外する場合、このアクションはこのフォルダー内にあるファイルのみを削除します。ネストされたすべてのサブフォルダーとその内容はスコープに残ります。
再帰的に除外する : 選択したフォルダーをネストされたサブフォルダーとその内容と共に除外します。
スコープにファイルを追加すると、WebStorm は式を作成し、それをパターンフィールドに表示します。
ボタンを使用する代わりに、スコープ言語構文リファレンスを使用して、パターンフィールドにパターンを手動で入力することもできます。
例: すでに縮小されたファイルの縮小を回避するには、
file:*js&&!file:*.min.*パターンでカスタムスコープを構成します。
変更を適用し、ダイアログを閉じます。
選択した範囲で表示されるファイルとフォルダーは、含まれているものと含まれていないものを理解するのに役立つように、さまざまな色で表示されます。
スコープに含まれるファイルとフォルダー。
除外されたファイルとフォルダーと包含されたファイルとフォルダーの両方を含むフォルダー。
選択した範囲から除外されるファイルとフォルダー。
カスタムスコープを作成すると、プロジェクトツールウィンドウと、アクションを適用するファイルの数を制限できるすべてのダイアログでそのスコープを見つけることができます。
定義済みのスコープ
WebStorm は、事前定義されたスコープのセットを提供します。IDE は、ファイルに関する情報に基づいて、これらのスコープにファイルを自動的に追加します。これらのスコープは変更できないことに注意してください。
定義済みスコープのリスト
プロジェクトファイル : プロジェクトコンテンツルート内のすべてのファイルが含まれます。プロジェクト構造の設定の詳細を参照してください。ライブラリとフレームワークはこのスコープには含まれません。
問題 : 構文エラーのあるプロジェクトコンテンツルート内のファイルが含まれます。
すべての変更ファイル : 最近変更されたすべてのファイルが含まれます。
スクラッチとコンソール : プロジェクトツールウィンドウにあるスクラッチとコンソールディレクトリのすべてのファイルが含まれます。
最近表示したファイルおよび最近変更したファイル : エディターで開いた、または変更した最後の 50 ファイルが含まれます。最近のファイルの数は、設定ダイアログ (Ctrl+Alt+S) のページの制限エリアで変更できます。
Git によって追跡されるプロジェクトファイル : Git でバージョン管理されているプロジェクトコンテンツルート内のすべてのファイルが含まれます。
Git-Ignored を除くプロジェクトファイル : プロジェクトコンテンツルート内のすべてのファイル（Git のバージョン管理下にあるファイルとバージョン管理されていないファイルの両方）が含まれますが、
.gitignoreで指定されたファイルは除きます。テスト : このスコープは、プロジェクトテストソースルートに限定されます。
開いているファイル : 現在エディターで開いているファイルが含まれます。
現在のファイル : エディターで現在アクティブなファイルに対応します。
選択したファイル : ツールウィンドウ (たとえば、プロジェクトツールウィンドウ Alt+1) で選択されたファイルが含まれます。
ローカルの変更 (これらのスコープは、VCS 統合が有効になっているの場合に表示されます)
すべての変更ファイル : すべての変更リストから VCS にまだ追加されていない変更を含む変更されたファイルが含まれます。
デフォルト変更リスト : デフォルト変更リストから VCS にまだ追加されていない変更を含む変更されたファイルが含まれます。
「変更リスト名」 : 特定のカスタム変更リストから VCS にまだ追加されていない変更が加えられた変更済みファイルが含まれます。
データソース
コンテキストのデータソース : 現在使用しているデータソースが含まれます。コンテキストは、操作しているコンソール、データエディター、データベースエクスプローラーで選択することによって定義できます。
接続済みデータソース : アクティブな接続を持つデータソースが含まれます。
すべてのデータソース : 追加されたすべてのデータソースが含まれます。
スコープを色に関連付ける
異なるスコープに属するファイルは、検索結果、エディタータブ、プロジェクトツールウィンドウ Alt+1 で異なる色でハイライトできます。
各スコープに独自の色を割り当てることができます。例: 開いているファイルスコープに色を割り当て、プロジェクトツールウィンドウにこの色を表示するように IDE を構成できます。この場合、エディターで現在作業しているファイルがプロジェクトツリー内で色付けされます。これにより、プロジェクトのナビゲーションがより速く、より簡単になります。ファイルの色はスコープに関連してのみ機能することに注意してください。
スコープと同様に、色の関連付けはローカルで共有できます。
ローカル色はあなただけに表示され、VCS を通じて共有されません。
新しい色の関連付けを作成する
Ctrl+Alt+S を押して設定を開き、を選択します。
ファイルカラーを有効にするチェックボックスが選択されていることを確認してから、色を使用する場所を選択します。エディタータブで使用するまたはプロジェクトビューで使用するを選択します。
プロジェクトビューで使用するチェックボックスを選択すると、プロジェクトツールウィンドウ Alt+1 と検索結果 (たとえば、複数ファイル内検索ダイアログ Ctrl+Shift+F) に色が表示されます。
追加ボタン (
) をクリックし、色を設定するスコープを選択します。事前定義されたスコープの 1 つを選択するか、カスタムスコープを使用できます。
必要なスコープの横にある矢印
をクリックし、開いたリストから色を選択します。独自の色を構成するには、カスタムをクリックします。
色を編集するには、色列で必要なスコープに対応するセルをクリックし、リストから新しい色を選択します。
VCS を介して色を共有するには、VCS で共有する列の対応する行のチェックボックスを選択します。チェックボックスがオフの場合、色はローカルで使用されます。
変更を適用し、ダイアログを閉じます。
ファイルが複数のスコープに含まれている場合、スコープの順序が重要になります。WebStorm は、ローカルスコープから始めて、スコープを上から下に処理します。つまり、IDE はリスト内の最後のスコープの色をそのようなファイルに適用します。
WebStorm で色の関連付けを別の順序で処理する場合は、スコープの順序を変更できます。
スコープの順序を変更する
Ctrl+Alt+S を押して設定を開き、を選択します。
移動するスコープを選択し、上へ移動 (
) または下へ移動 (
) ボタンをクリックします。または、Alt+Up または Alt+Down を押します。変更を適用し、ダイアログを閉じます。
関連ページ：
IDE で使用されるディレクトリ
デフォルトでは、WebStorm は、各 IDE インスタンスのユーザー固有のファイル（構成、キャッシュ、プラグイン、ログなど）をユーザーのホームディレクトリに保存します。ただし、必要に応じて、これらのファイルを保存する場所を変更できます。IDE ディレクトリの場所を変更するたとえば、ユーザープロファイルドライブの容量が不足している場合や低速ディスクにある場合、ホームディレクトリが暗号化されている（IDE の速度が低下している）場合、またはネットワークドライブにある場合は、デフォルトの IDE...
スコープ言語構文リファレンス
スコープ言語を使用して、プロジェクトスコープ（ファイル、ディレクトリ、サブディレクトリのセット）を指定できます。ファイルのセット：単一のファイルを追加するには、ファイル名を使用します (たとえば、)、サブディレクトリのないディレクトリにすべてのファイルを追加するには、スラッシュの後にアスタリスクを使用します（たとえば:)、サブディレクトリのあるディレクトリ内のすべてのファイルを追加するには、二重スラッシュの後にアスタリスクを使用します (たとえば、)、論理演算子：スコープを定義するときは、論...
プロジェクト構造の設定
WebStorm では、コンテンツは現在作業しているファイルのコレクションであり、サブフォルダーの階層に編成されている可能性があります。プロジェクトの最上位フォルダーは、そのコンテンツルートです。プロジェクトの一部として任意のフォルダーを追加できます。これを行うには、複数のコンテンツルートで作業するに従って、このフォルダーをディレクトリページの新しいコンテンツルートとして追加します。コンテンツルートのフォルダーの設定：コンテンツルート内で、WebStorm は、編集したソースコードを含むフォル...
バージョン管理統合サポート
WebStorm は 2 つのレベルでバージョン管理統合をサポートします。IDE レベルでは、VCS 統合は、デフォルトで有効になっているバンドルされたプラグインのセットを通じて提供されます。プロジェクトレベルでは、プロジェクトフォルダーを 1 つまたは複数のバージョン管理システムと関連付けることで、VCS 統合が有効になります。プロジェクトルートをバージョン管理システムに関連付ける：WebStorm を使用すると、プロジェクトとバージョン管理システムの統合を迅速に有効にし、それをプロジェクト...
プロジェクトのセキュリティ
潜在的なセキュリティリスクを防ぐために、WebStorm では、プロジェクトのソースが不明な場合にプロジェクトをどのように操作するかを決定できます。WebStorm では、実行されるタスク、File Watchers、または webpack 構成について警告し、信頼できるソースを構成できます。不明なソースからプロジェクトを開く：WebStorm の外部で作成され、そこにインポートされたプロジェクトを開くと、WebStorm は、未知ソースコードを使用してこのプロジェクトを処理する方法を決定でき...