プロジェクトツールウィンドウ
プロジェクト ツールウィンドウ(Alt+1 )を使用すると、さまざまな視点からproject を確認し、新しいアイテム(ディレクトリ、ファイル、クラスなど)の作成、エディターでのファイルのオープン、必要なコード箇所への移動など、さまざまなタスクを実行できます。

このツールウィンドウのほとんどの機能には、コンテンツペインのコンテキストメニューコマンドとして、関連するショートカットを介してアクセスします。
また、ビューには、作成したスクラッチファイルと拡張スクリプトを管理できる スクラッチとコンソール フォルダーが含まれています。
ビュー
ツールウィンドウにはいくつかのビューがあります:
プロジェクト ビュー。 このビューには、すべてのproject項目とその依存関係(SDK とライブラリ)が表示されます。 パッケージも表示されますが、ディレクトリ構造に重点が置かれています。
スコープビュー(プロジェクトファイル、 開いているファイル など)。 これらのビューには、定義済みスコープとユーザー定義 スコープの内容が表示されます。 その他の点では、現在選択されているビューオプションに応じて、スコープビューは プロジェクト ビューまたは パッケージ ビューに似ている場合があります。
ビューを切り替えるには、 Alt+Right/Alt+Left を押すか、ヘッダーのリストからビューを選択します。
各ビューを個別のタブに表示することもできます。 をクリックして、 タブのグループ化 オプションを無効にします。

ビューを構成するには、 ヘッダーコンテキストメニューの対応するオプションを使用します。 必要なオプションには、ヘッダーの をクリックしてアクセスすることもできます。
外観 & 振る舞い
ファイルとフォルダーをすばやく追加
ツールウィンドウのツールバーから新しいファイルまたはフォルダーを作成できます。 利用可能なオプションは、ツールウィンドウで選択されているノードによって異なります。
ツールウィンドウのツールバーで
をクリックし、リストからオプションを選択します。

スピード検索を使ってオプションをより早く見つけることができます。作成したいファイルタイプを入力し始めると、結果を絞り込めます。

ファイルをプレビュー
個別のタブでファイルを開かずにファイルをプレビューする方法は次のとおりです:
ファイルプレビューポップアップを使用するには、 プロジェクト ツールウィンドウ(Alt+1 )でファイルを選択し、 Space を押します。

プレビュ―タブを有効化します。
をクリックして、 を選択します。
ファイルサイズと変更タイムスタンプを表示する
projectツリー内のファイルのサイズや変更タイムスタンプを表示できます。
プロジェクト ツールウィンドウ(Alt+1 )で、
をクリックして を選択します。

ツリーインデントガイドの表示
プロジェクト ツールウィンドウでは、インデントレベルを示す垂直線を表示して、project内のコンポーネントの階層をより良く把握できます。
Ctrl+Alt+S を押して設定を開き、 を選択します。
ツリービュー セクションで、 インデントガイドを表示する オプションを有効にします。

ワンクリックでファイルを開く
プロジェクト ツールウィンドウを構成すると、1 回のクリックでエディターでファイルを開くことができます。
プロジェクト ツールウィンドウで、
をクリックし、 オプションを有効にします。

プロジェクトツールウィンドウでファイルをすばやく見つける
WebStormは、アクティブなエディタータブで現在開いているファイルを プロジェクト ツールウィンドウで自動的に選択することで、そのファイルを追跡できます。
プロジェクト ツールウィンドウで、
をクリックし、 オプションを有効にします。
ヘッダーのコンテキストメニュー
ヘッダーを右クリックするか、 オプション ボタン をクリックすると表示されるコンテキストメニューでは、project ビュー、 表示モード 、ビューの切り替え、ツールウィンドウサイズの変更などの設定を行えます。
次の表は、利用可能なコマンドとオプションをリストして簡単に説明しています。
項目 | ショートカット | 説明 |
|---|---|---|
次のビューまたはタブを選択 | Alt+Right | このオプションを使用して、異なるビューを切り替えます。 このオプションは、 タブのグループ化 が無効になっている場合にのみ使用できます。 |
前のビューまたはタブを選択 | Alt+Left | このオプションを使用して、異なるビューを切り替えます。 このオプションは、 タブのグループ化 が無効になっている場合にのみ使用できます。 |
ビューまたはタブのリストを表示する | Alt+Down | このオプションを使用して、異なるビューを切り替えます。 このオプションは、 タブのグループ化 が無効になっている場合にのみ使用できます。 |
振る舞い | ||
プレビュータブの有効化 | 新しいタブで各ファイルを開かなくても、1 つのタブでファイルを 1 つずつ表示できる プレビュータブを有効にします。 | |
シングルクリックでファイルを開く | プロジェクト ツールウィンドウで項目を 1 回クリックして、エディターで項目を開きます。 それ以外の場合は、項目をダブルクリックして開く必要があります。 プレビュータブを有効にした場合、このオプションを無効にできないことに注意してください。 | |
シングルクリックでディレクトリを開く | プロジェクト ツールウィンドウ内のディレクトリを 1 回クリックして展開したり折りたたんだりできます。 それ以外の場合は、ディレクトリをダブルクリックして開くか、ディレクトリ名の横にある | |
開いているファイルを常に選択 | このオプションがオンの場合、WebStormはエディターで開いたドキュメントをこのウィンドウの現在のビューで自動的に探します。 | |
外観 | ||
メンバー | このオプションをオンにすると、クラスを含むツリー内のファイルがノードに変換されます。 このようなノードを展開すると、選択した項目に含まれるクラスとそのフィールド、メソッド、その他のメンバーが表示されます。 | |
除外ファイル | このオプションは、 プロジェクト ビューでのみ使用できます。 このオプションをオンまたはオフにして、 除外されたフォルダーおよびファイルを表示または非表示にします。 | |
スクラッチとコンソール | スクラッチとコンソール ノードを表示または非表示にします。 | |
ファイルの詳細 | ファイルのサイズと変更タイムスタンプを表示するには、このオプションを選択します。 | |
ファイルのネスト | 同じ名前で拡張子が異なるファイルのプレゼンテーションを設定できる ファイルのネストダイアログを開きます。 | |
ツリービューのカスタマイズ | ツリービューのオプションを構成するには、 に移動します。 | |
並べ替え | ||
名前 | ファイルを名前のアルファベット順に並べ替えます。 このオプションはフォルダーの順序には影響しません。フォルダーは常にアルファベット順に並べ替えられます。 | |
タイプ | ファイルを拡張子で並べ替えます。 このオプションはフォルダーの順序には影響しません。フォルダーは常にアルファベット順に並べ替えられます。 | |
修正時間 (新しい順 / 古い順) | ファイルが変更された時間順にファイルを並べ替えます。 この情報を表示するには、メインメニューから を選択します。 このオプションはフォルダーの順序には影響しません。フォルダーは常にアルファベット順に並べ替えられます。 | |
フォルダーを常に上に表示 | オプションがオンの場合、ファイルの上にフォルダーが表示されます。 それ以外の場合は、すべての項目がアルファベット順にソートされ、ファイルとフォルダーが混在して表示されます。 | |
スコープの編集 | 使用済み定義の スコープを作成および編集できる スコープダイアログ を開きます。 このコマンドは、現在のビューがスコープビューの場合のみ使用できます。 | |
スピード検索 | Ctrl+F | アイテムを検索します。 ツールウィンドウのスピード検索 から詳細を参照してください |
タブのグループ化 | このオプションをオンにすると、ヘッダーの左側にリストが表示され、そこから必要なビューを選択できます。 ![]() このオプションがオフの場合、ビューはヘッダーの左側に表示されるタブで表されます。 ![]() | |
表示モード | このオプションを使用すると、ツールウィンドウの一般的な外観と動作を制御できます。 詳細については、 ツールウィンドウの表示モード を参照してください。 | |
移動 | ツールウィンドウを別の ツールウィンドウバーに関連付けるには、このコマンドを選択し、宛先のツールウィンドウバー (上、 左、 下 または 右) を選択します。 詳細については、 ツールウィンドウを移動する の章を参照してください。 | |
サイズ変更 | 罫線の 1 つを移動してツールウィンドウのサイズを変更するには、このコマンドを選択し、必要な 伸縮 オプションを選択します。 このコマンドはフローティングモードでは使用できません。 | |
サイドバーから削除 | このコマンドは、ツールウィンドウを非表示にし、ツールウィンドウバーから関連する ツールウィンドウボタンを削除し、 クイックアクセスメニュー ( ツールウィンドウを再度開く(および関連機能を復元する)には、メインメニュー を使用するか、 Alt+1 を押します。 | |
非表示 | Shift+Escape | ツールウィンドウを非表示にします。 |
ヘルプ | このコマンドは、WebStorm オンラインヘルプの プロジェクト ツールウィンドウの説明を開きます。 | |
コンテンツペイン項目のコンテキストメニューコマンド
項目のコンテキストメニューでは、この項目で利用できるすべての機能にアクセスできます。
項目 | ショートカット | 説明 |
|---|---|---|
新規 | Alt+Insert | 選択したアイテム内に新しいアイテム(ディレクトリ、ファイル、クラス)を作成します。 (projectまたはディレクトリ)。 |
切り取り | Ctrl+X | 選択した 1 つまたは複数のアイテムを現在の場所からクリップボードに移動します。 |
コピー | Ctrl+C | 選択した 1 つまたは複数のアイテムをクリップボードにコピーします。 |
パス / 参照のコピー | このコマンドと次のオプションのいずれかを使って、選択したアイテムをクリップボードにコピーします:
| |
貼り付け | Ctrl+V | クリップボードの内容を選択した場所に挿入します。 |
使用箇所の検索 | Alt+F7 | 選択したアイテムの使用箇所を検索します。 (使用箇所の検索ダイアログが開きます。) |
ファイル内検索 | Ctrl+Shift+F | テキスト検索を実行します。 (ファイル内検索 ダイアログが開きます。) |
ファイル内置換 | Ctrl+Shift+R | テキストの検索と置換を実行します。 (パス内置換ダイアログ が開きます。) |
コードのインスペクション | このコマンドを使用して、選択したアイテムの コードインスペクションを実行します。 | |
名前変更 | Shift+F6 | 選択された項目を名前変更します。 |
リファクタリング | 選択したアイテムで利用可能な リファクタリングの 1 つを実行します。 | |
ブックマーク | 選択したアイテムを既存または新規の ブックマークリストに追加します。 | |
コードの整形 | Ctrl+Alt+L | 選択したファイルまたは現在のディレクトリ内のすべてのファイルのソースコードを再フォーマットします。 コードの整形 も参照してください。 |
インポートの最適化 | Ctrl+Alt+O | 選択したファイルまたは現在のディレクトリ内のすべてのファイルの インポートの最適化を実行します。 この機能は、未使用のインポートを削除し、インポートステートメントを再配置します。 |
削除 | Delete | 選択したアイテムを削除します。 注意して使用してください ! |
ファイルタイプのオーバーライド | 選択したファイルのタイプをたとえば プレーンテキスト に変更して project から除外すると、インスペクション、コード補完、ナビゲーションなどで無視されます。 ファイルは特別なアイコン | |
「<item_name>」を実行 | Ctrl+Shift+F10 | 選択したファイルをデフォルトの構成設定で実行します。 |
デバッグ '<item_name>' | ⌃ ⇧ D | 選択したファイルをデフォルトの構成設定でデバッグします。 |
さらに実行 / デバッグ |
| |
右に分割して開く | Shift+Enter | エディターを 2 つの部分に分割し、ファイルを右側のセクションに表示します。 詳細は、 画面を分割 を参照してください。 |
開く |
| |
ローカル履歴 | 選択したファイルまたはディレクトリの ローカル履歴を表示したり、project の現在のバージョンにラベルを作成したりします。 | |
ファイル上の IDE を修復する | ファイル関連のキャッシュを修復します。詳細は IDE の修復 をご覧ください。 | |
ディスクからの再ロード | ツールウィンドウのビューを、ファイルシステムに保存されているビューと同期します。 ファイルまたはディレクトリの内容を外部で変更した場合、WebStormは特定の状況下ではこのコマンドを使用しない限り、変更を認識できない場合があります。 | |
比較 | Ctrl+D | 選択したファイルまたはディレクトリを別のファイルまたはディレクトリと比較します。 ファイル、フォルダー、テキストソースを比較する および フォルダーの差分ビューアー を参照してください。 |
エディターでファイルを比較 | 選択したファイルを、アクティブなエディタータブで開いているファイルと比較します。 ファイル、フォルダー、テキストソースを比較する および ファイルの差分ビューアー を参照してください。 | |
外部ツール | サードパーティツールを起動します。 | |
ディレクトリをマーク | 選択したディレクトリをソースルートまたはテストソースルートにし、ディレクトリを除外します。 ディレクトリの必要なカテゴリは、サブメニューから選択します。 | |
デプロイ | 選択したアイテムをデプロイ構成に従ってサーバーにアップロードするか、サーバーからファイルをダウンロードして、アップロードされたバージョンと比較および同期します。 詳細は アプリケーションをデプロイする をご覧ください。 ファイルとフォルダー | |
ダイアグラム | Ctrl+Alt+Shift+U または Ctrl+Alt+U | 選択したアイテムのダイアグラム(UML ダイアグラムなど)を開きます。 |
Gist を作成 | このコマンドを使用して、 gist を使用してコードを共有します。 |
ファイルステータスのハイライト
現在のprojectで VCS 統合が有効化されている場合、WebStormは色を使って プロジェクト ツールウィンドウ内で VCS ファイルのステータスを表します。
バージョン管理 | ファイルステータスの色 設定ページ Ctrl+Alt+S で VCS ファイルのステータスの色を設定できます。
以下の表は、いくつかの カラースキームにおけるデフォルトのファイルステータスの色とその意味を示しています。
色 | ファイルステータス | 説明 |
|---|---|---|
| 追加済み | アクティブな 変更リストのファイルは、リポジトリへの追加がスケジュールされています。 |
| 非アクティブな変更リストで追加 | 非アクティブ変更リスト内のファイルは、リポジトリへの追加が予定されています。 このファイルステータスは、 で 非アクティブな変更リストのファイルをハイライトする オプションが有効になっている場合に利用可能です。 |
| 変更リストの競合 | 非アクティブな変更リスト内のファイルがアクティブな変更リスト内で変更されます。 この場合、新しいダイアログが開き、 変更リストの競合を解決するように求められます。 このファイルステータスは、 ですべてのオプションが有効になっている場合に使用できます。 |
| コピー | ファイルが別のファイルのコピーである場合、そのメタデータが追跡され、そのようなファイルは コピー済み としてマークされます。 |
| 削除 | ファイルはリポジトリから削除される予定です。 |
| ファイルシステムから削除 | ファイルはローカルで削除されましたが、削除がスケジュールされておらず、リポジトリ内にまだ存在しています。 |
| 子孫に変更あり | ファイルが変更されると、IDE はそのファイルを含むすべてのディレクトリを再帰的にハイライトします。 このステータスは、 で プロジェクトツリー内で変更ファイルを含むディレクトリをハイライトする オプションが有効になっている場合に利用可能です。 |
| 直下に変更された子あり | ファイルが変更されると、IDE はその親ディレクトリをハイライトします。 このステータスは、 で プロジェクトツリー内で変更ファイルを含むディレクトリをハイライトする オプションが有効になっている場合に利用可能です。 |
| ハイジャック | [Perforce, ClearCase, VSS] ファイルは チェックアウトせずに変更されています。 |
| 無視 | ファイルは VCS によって意図的に追跡されていません。 |
| マージ済み | ファイルはアップデートの結果として VCS によってマージされます。 |
| 競合がある状態でマージされています | 最後の更新中に、ファイルは競合とマージされました。 |
| プロパティ競合のマージ | 前回の更新中に、IDE はローカルファイルのプロパティとそのサーバーバージョンの違いを検出しました。 |
| テキストおよびプロパティ競合のマージ | テキストとプロパティの競合は、2 人以上の開発者がファイルの同じ行と同じファイルプロパティを変更すると発生します。 |
| 変更 | 最後の同期以降にファイルが変更されました。 |
| 非アクティブな変更リストで変更 | 無効な変更リスト内のファイルが変更されます。 このファイルステータスは、 で 非アクティブな変更リストのファイルをハイライトする オプションが有効になっている場合に利用可能です。 |
| 廃止 | このファイルはもうリポジトリの作業コピーに含まれていないはずです。 |
| 名前変更 | 最後の更新以降、ファイルの名前は変更されました。 |
| 切り替え | [SVN] ファイルは、プロジェクト全体とは異なるブランチから取得されます。 |
| (不明)バージョン管理外 | ファイルはローカルに存在しますが、リポジトリには存在せず、追加はスケジュールされていません。 |
| 最新 | ファイルは変更されていません。 |
色 | ファイルステータス | 説明 |
|---|---|---|
| 追加済み | アクティブな 変更リストのファイルは、リポジトリへの追加がスケジュールされています。 |
| 非アクティブな変更リストで追加 | 非アクティブ変更リスト内のファイルは、リポジトリへの追加が予定されています。 このファイルステータスは、 で 非アクティブな変更リストのファイルをハイライトする オプションが有効になっている場合に利用可能です。 |
| 変更リストの競合 | 非アクティブな変更リスト内のファイルがアクティブな変更リスト内で変更されます。 この場合、新しいダイアログが開き、 変更リストの競合を解決するように求められます。 このファイルステータスは、 ですべてのオプションが有効になっている場合に使用できます。 |
| コピー | ファイルが別のファイルのコピーである場合、そのメタデータが追跡され、そのようなファイルは コピー済み としてマークされます。 |
| 削除 | ファイルはリポジトリから削除される予定です。 |
| ファイルシステムから削除 | ファイルはローカルで削除されましたが、削除がスケジュールされておらず、リポジトリ内にまだ存在しています。 |
| 子孫に変更あり | ファイルが変更されると、IDE はそのファイルを含むすべてのディレクトリを再帰的にハイライトします。 このステータスは、 で プロジェクトツリー内で変更ファイルを含むディレクトリをハイライトする オプションが有効になっている場合に利用可能です。 |
| 直下に変更された子あり | ファイルが変更されると、IDE はその親ディレクトリをハイライトします。 このステータスは、 で プロジェクトツリー内で変更ファイルを含むディレクトリをハイライトする オプションが有効になっている場合に利用可能です。 |
| ハイジャック | [Perforce, ClearCase, VSS] ファイルは チェックアウトせずに変更されています。 |
| 無視 | ファイルは VCS によって意図的に追跡されていません。 |
| マージ済み | ファイルはアップデートの結果として VCS によってマージされます。 |
| 競合がある状態でマージされています | 最後の更新中に、ファイルは競合とマージされました。 |
| プロパティ競合のマージ | 前回の更新中に、IDE はローカルファイルのプロパティとそのサーバーバージョンの違いを検出しました。 |
| テキストおよびプロパティ競合のマージ | テキストとプロパティの競合は、2 人以上の開発者がファイルの同じ行と同じファイルプロパティを変更すると発生します。 |
| 変更 | 最後の同期以降にファイルが変更されました。 |
| 非アクティブな変更リストで変更 | 無効な変更リスト内のファイルが変更されます。 このファイルステータスは、 で 非アクティブな変更リストのファイルをハイライトする オプションが有効になっている場合に利用可能です。 |
| 廃止 | このファイルはもうリポジトリの作業コピーに含まれていないはずです。 |
| 名前変更 | 最後の更新以降、ファイルの名前は変更されました。 |
| 切り替え | [SVN] ファイルは、プロジェクト全体とは異なるブランチから取得されます。 |
| (不明)バージョン管理外 | ファイルはローカルに存在しますが、リポジトリには存在せず、追加はスケジュールされていません。 |
| 最新 | ファイルは変更されていません。 |
色 | ファイルステータス | 説明 |
|---|---|---|
| 追加済み | アクティブな 変更リストのファイルは、リポジトリへの追加がスケジュールされています。 |
| 非アクティブな変更リストで追加 | 非アクティブ変更リスト内のファイルは、リポジトリへの追加が予定されています。 このファイルステータスは、 で 非アクティブな変更リストのファイルをハイライトする オプションが有効になっている場合に利用可能です。 |
| 変更リストの競合 | 非アクティブな変更リスト内のファイルがアクティブな変更リスト内で変更されます。 この場合、新しいダイアログが開き、 変更リストの競合を解決するように求められます。 このファイルステータスは、 ですべてのオプションが有効になっている場合に使用できます。 |
| コピー | ファイルが別のファイルのコピーである場合、そのメタデータが追跡され、そのようなファイルは コピー済み としてマークされます。 |
| 削除 | ファイルはリポジトリから削除される予定です。 |
| ファイルシステムから削除 | ファイルはローカルで削除されましたが、削除がスケジュールされておらず、リポジトリ内にまだ存在しています。 |
| 子孫に変更あり | ファイルが変更されると、IDE はそのファイルを含むすべてのディレクトリを再帰的にハイライトします。 このステータスは、 で プロジェクトツリー内で変更ファイルを含むディレクトリをハイライトする オプションが有効になっている場合に利用可能です。 |
| 直下に変更された子あり | ファイルが変更されると、IDE はその親ディレクトリをハイライトします。 このステータスは、 で プロジェクトツリー内で変更ファイルを含むディレクトリをハイライトする オプションが有効になっている場合に利用可能です。 |
| ハイジャック | [Perforce, ClearCase, VSS] ファイルは チェックアウトせずに変更されています。 |
| 無視 | ファイルは VCS によって意図的に追跡されていません。 |
| マージ済み | ファイルはアップデートの結果として VCS によってマージされます。 |
| 競合がある状態でマージされています | 最後の更新中に、ファイルは競合とマージされました。 |
| プロパティ競合のマージ | 前回の更新中に、IDE はローカルファイルのプロパティとそのサーバーバージョンの違いを検出しました。 |
| テキストおよびプロパティ競合のマージ | テキストとプロパティの競合は、2 人以上の開発者がファイルの同じ行と同じファイルプロパティを変更すると発生します。 |
| 変更 | 最後の同期以降にファイルが変更されました。 |
| 非アクティブな変更リストで変更 | 無効な変更リスト内のファイルが変更されます。 このファイルステータスは、 で 非アクティブな変更リストのファイルをハイライトする オプションが有効になっている場合に利用可能です。 |
| 廃止 | このファイルはもうリポジトリの作業コピーに含まれていないはずです。 |
| 名前変更 | 最後の更新以降、ファイルの名前は変更されました。 |
| 切り替え | [SVN] ファイルは、プロジェクト全体とは異なるブランチから取得されます。 |
| (不明)バージョン管理外 | ファイルはローカルに存在しますが、リポジトリには存在せず、追加はスケジュールされていません。 |
| 最新 | ファイルは変更されていません。 |
ファイルカラー
異なるスコープに属するファイル (たとえば、本番ファイルやテストファイル) は、 プロジェクト ツールウィンドウ、検索結果、エディタータブで異なる色でハイライトできます。
各スコープに、独自の色を割り当てることができます。 詳細は、 スコープを色に関連付ける を参照してください。



