プロジェクト構造の構成
WebStorm では、 コンテンツは現在作業しているファイルの集まりであり、サブフォルダーの階層に整理されている場合があります。 プロジェクトの最上位フォルダーは、その コンテンツルートです。
プロジェクトの一部として任意のフォルダーを追加できます。 これを行うには、 ディレクトリページでこのフォルダーを新しいコンテンツルートとして 複数のコンテンツルートの操作で説明されているように追加します。
コンテンツルートのフォルダーの設定
コンテンツルート内で、WebStorm は編集するソースコードが含まれるフォルダーと他の種類のコンテンツが含まれるフォルダーを区別できます。 デフォルトでは、すべてのフォルダーは ソースとして扱われ、別のタイプとしてマークしない限り、 
で示されます。
テスト
フォルダーを使用すると、テストに関連するコードを実稼働コードとは別に保持できます。リソースルート
フォルダー: リソースルートフォルダー内のファイルは、フルパスを指定する代わりに、これらのフォルダーを基準にして参照できます。 例: HTML imgタグのsrc属性内で入力を開始すると、自動補完によって リソースルートフォルダーからのイメージが提案されます。除外済み
フォルダーはコード補完、ナビゲーション、インスペクションで無視されます。 不要なフォルダーや特定のファイルを除外することで、WebStorm のパフォーマンスを向上させることができます。
フォルダーのカテゴリを構成するには
プロジェクト ツールウィンドウのフォルダーを右クリックし、コンテキストメニューから を選択し、必要なカテゴリを選択します。
あるいは、 設定 ダイアログ (Ctrl+Alt+S) を開いて に移動し、フォルダーのカテゴリを構成します。
以前のカテゴリのフォルダーを復元するには
プロジェクト ツールウィンドウでフォルダーを右クリックし、コンテキストメニューから を選択してから を選択します。 除外フォルダーの場合は、 を選択します。
ファイルを除外する
今すぐファイルを必要としないが完全に削除したくない場合は、一時的にプロジェクトからファイルを除外することができます。 コード補完、ナビゲーション、インスペクションでは、除外されたファイルは無視されます。
ファイルを除外するには、 プロジェクト ツールウィンドウでファイルを右クリックし、メニューから を選択します。
ファイルタイプの選択 リストから プレーンテキスト を選択してください。
ファイルは、ディレクトリツリーで
アイコンでマークされています。変更を元に戻すには、ファイルを右クリックし、メニューから を選択します。
名前パターンによるファイルとフォルダーの除外
設定 ダイアログ（Ctrl+Alt+S ）で に移動します。
ファイルを除外 フィールドに、除外するファイルとフォルダーの名前を定義するマスクを入力します（例:
*.min.jsまたはlib）。 区切り文字としてセミコロンを使用します。ファイルの名前がこれらのパターンのいずれかに一致する場合、ファイルは除外されたものとして扱われます。
フォルダーの名前がパターンに一致する場合、このフォルダーとそのサブフォルダー内のすべてのファイルが除外されます。
名前パターンで除外されたフォルダーは、 プロジェクト ツールウィンドウで除外済みとしてマークされますが、 除外フォルダー リストには追加されません。
サンプル
次のイメージに示すように、パターン *mal.ts は、ファイル mammal.ts および animal.ts を除外します。
パターン lib は、 lib と src/lib の 2 つのフォルダーを除外します。
lib フォルダーのみを除外するには、 ディレクトリ ページでそれを選択し、 除外済み をクリックしてください。
複数のコンテンツルートで作業する
プロジェクトには複数のコンテンツルートを置くことができます。 これにより、共通の直系の親を持たない複数のディレクトリのファイルを扱うことができます。 これは、静的コンテンツ（アイコンなど）を使用する場合に役立ちます。 すべてフォルダーに保存し、このフォルダーをいくつかのプロジェクトでコンテンツルートとして追加するだけです。
設定 ダイアログ (Ctrl+Alt+S) で、 ディレクトリ をクリックします。
コンテンツルートを追加するには、右側のペインで コンテンツルートの追加 をクリックし、表示されたダイアログで必要なフォルダーを選択します。
コンテンツルートを取り外すには、右側のペインでコンテンツルートを選択し、その隣の
をクリックします。 削除を確認します。 対応するフォルダーは物理的に削除されないことに注意してください。