ファイル、フォルダー、テキストソースを比較する
WebStorm を使用すると、任意のファイル（Ctrl+D）、フォルダー、テキストソース間の違い、ローカルファイルとそれらのリポジトリバージョン間の違いを確認できます。
ファイルを比較
2 つまたは 3 つのファイルを比較する
プロジェクトツールウィンドウ Alt+1 で、比較するファイルを選択し、を選択するか、Ctrl+D を押します。
または、1 つのファイルを選択し、コンテキストメニューから比較を選択して、プロジェクトの外部にあるファイルを選択します。
アクティブなエディターをクリップボードと比較する
エディターの任意の場所を右クリックし、コンテキストメニューからクリップボードと比較を選択します。
アクティブなエディターとプロジェクトファイルを比較する
プロジェクトツールウィンドウ Alt+1 で、現在開いているファイルと比較するファイルを右クリックします。
コンテキストメニューからエディターでファイルを比較を選択します。
アクティブエディターと任意のファイルを比較する
プロジェクト外のファイルをアクティブエディターと頻繁に比較する必要がある場合、またはプロジェクトツールウィンドウ Alt+1 を開きたくない場合は、任意のファイルを選択してアクティブエディターと比較できるエディターでファイルを比較アクションを使用できます。
このアクションをエディタータブのコンテキストメニューに追加するには:
Ctrl+Alt+S を押して設定を開き、を選択します。
右側のペインで、エディタータブポップアップメニューノードを展開し、新しいアクションを追加する場所を選択し、
をクリックして、アクションの追加を選択します。にエディターでファイルを比較アクションを見つけて追加します。
ローカルファイルとそのリポジトリのバージョンを比較する
コミットツールウィンドウ Alt+0 を開きます。
変更リストで必要なファイルを見つけて、次のいずれかを実行します。
ファイルを右クリックし、を選択します。
ファイルを選択して Ctrl+D を押します。
ファイルをダブルクリックします。
WebStorm はファイルの差分ビューアーに差分を表示します:
色 | 説明 |
|---|---|
| 追加済み |
| 変更 |
| 削除 |
変更を適用するには、Vehron ボタン (
および 
) を使用します。
変更を追加するには、Ctrl を押します。 ボタンは 
に変わります。
生産性のヒント
- 「承認」と「追加」のショートカットを割り当てる
受け入れアクションと追加アクションにショートカットを割り当てるには、キーマップ設定ページ Ctrl+Alt+S を開き、バージョン管理システム | 差分 & マージでこれらのアクションを見つけます。
- 左右入れ替え
2 つのファイル、またはクリップボードの内容を含むファイルを比較している場合、ツールバーの
をクリックすると、表を入れ替えることができます。- コマンドラインからファイルを比較する
コマンドラインから 2 つまたは 3 つのファイルを比較し、WebStorm を外部の差分ツールとして使用できます。詳細については、コマンドラインからファイルを比較するを参照してください。
フォルダーを比較する
WebStorm を使用すると、2 つのフォルダー内のファイルをファイルサイズ、内容、タイムスタンプと比較できます。違いはフォルダーの差分ビューアーに表示されます。
上部のペインには選択したフォルダー内のすべてのファイルがリストされ、下部のペインには選択したファイルの 2 つのバージョンの違いが表示されます ( ファイルを比較を参照)。
フォルダーを比較する
プロジェクトツールウィンドウ Alt+1 で比較するフォルダーを選択します。
コンテキストメニューからディレクトリの比較を選択するか、Ctrl+D を押します。
リストをフィルタリングするには、次のツールバーボタンを使用します。
: クリックすると、左側のフォルダーには存在するが右側のフォルダーには存在しないファイルが表示されます。
: クリックすると、右側のフォルダーに存在するファイルが表示されますが、左側のフォルダーには存在しません。
: クリックすると、両方のフォルダーに存在するが内容、タイムスタンプまたはサイズが異なるファイルが表示されます。
: クリックすると、両方のフォルダーに存在し、次で比較ドロップダウンで選択されたオプションに関して同一のファイルが表示されます。
検索フィールドのテキストフィルターを使用して、リストにファイルを含めたり除外したりします。
ファイルを含めるには、一致するパターンを入力します。例:
.txtは、.txtで終わるすべてのパスを検証します。ファイルを除外するには、パターンの前に
!を追加します。例:!build/*は、ビルドディレクトリ内にあるすべてのファイルを除外します。複数のフィルターを組み合わせるには、
&(AND) と|(OR) を使用します。例:*.txt|.xml&!build/*は、.txtまたは.xmlで終わり、ビルドディレクトリ内にないすべてのパスを検証します。
フォルダーを同期する
WebStorm では、2 つのフォルダーの内容を同期させたり、あるフォルダーから別のフォルダーに変更を適用したりできます。
各ファイルについて、* 列のアイコンをクリックして、そのファイルに対して実行するアクションを設定します。
- : 選択した項目を左から右のフォルダーにコピーします。このようなファイルがすでに正しいフォルダーに存在する場合は、上書きされます。
- : 選択した項目を右から左のフォルダーにコピーします。このようなファイルがすでに左のフォルダーにある場合は上書きされます。
- : アクションは実行されません（2 つのファイルは同じです）。
- : アクションは実行されません（2 つのファイルは異なります）。
: 選択した項目の除去。
以下のいずれか 1 つを実行します:
選択したアクションを現在のアイテムに適用するには、ツールバーの選択対象を同期ボタン
をクリックするか、Enter を押します。選択したアクションをすべてのアイテムに適用するには、ツールバーのすべてを同期ボタン
をクリックします。
2 つのフォルダーの異なるファイルを比較する
あるフォルダーにファイルがあり、別のフォルダーに同じ名前の別のファイルがある場合があります（たとえば、VCS_library_1.4 と VCS_library_1.5）。これらは、比較したい同じファイルのバージョンです。また、ファイルの名前が変更されたと思われる場合がありますが、それ以外の点では別のフォルダー内のファイルと同じである場合もあります。WebStorm を使用すると、2 つのファイルを比較できます。1 つは右側のフォルダーにあり、もう 1 つは左側にあります。これらのファイルは異なるエンティティとして扱われます。
左ペインと右ペインで、比較したいファイルを選択します。
ツールバーの新規ファイルの相互比較アイコン
をクリックします。選択したファイルの違いが下のペインに表示されます。
テキストソースを比較する
ファイルやフォルダーの内容を比較する以外に、空の差分ビューアーを開いて、任意のテキストを貼り付けたり、ファイルを左右のパネルにドラッグして比較することもできます。これは、たとえば、アプリケーションのコンソール出力を、同じアプリケーションのわずかに変更されたバージョンからの出力と比較する場合に役立ちます。
Ctrl+Shift+A を押して入力を開始し、空白の差分ウィンドウを開くアクションを見つけます。
左パネルと右パネルで比較したいテキストを貼り付けます。
左または右のパネルを右クリックして 3 サイドビューアーに切り替えを選択し、3 つのテキストソースを比較します。
生産性のヒント
- 「空の差分を開く」アクションのショートカットを割り当てます
キーマップ設定ページ Ctrl+Alt+S で、バージョン管理システム | 差分 & マージにあるこのアクションを見つけます。
- 左右入れ替え
ツールバーの
アイコンを押すと、差分ビューアーの左右を入れ替えることができます。- 別のウィンドウで Diff を開く
デフォルトでは、差分ビューアーはエディタータブで開きます。代わりにビューアーを別のウィンドウで開くように設定を構成することもできます。詳細設定設定ページ Ctrl+Alt+S で、エディタータブで差分を開くオプションを無効にします。
外部差分ツールで比較
外部差分ツールをセットアップして起動し、WebStorm から直接ファイルと変更を比較できます。事前に必要な差分ツールをマシンにインストールしてください。
外部差分ツールを構成する
Ctrl+Alt+S を押して設定を開き、を選択します。
外部ツールの有効化オプションを選択してください。
外部ツールを構成するセクションで、
をクリックします。開いた外部ツールの追加ダイアログで、次の詳細を入力します。
ツールグループ : リストから差分ツールを選択します。
プログラムパス : システムで実行可能な差分ツールへのパスを指定します。
引数パターン : 必要に応じて、変更を表示するパターンを調整します。
%1 - ローカルの変更
%2 - リモートサーバーからのコンテンツ
%3 - ローカル変更のない現在のバージョン
差分のテストまたは 3 サイド差分のテストをクリックして、外部差分ツールが WebStorm から正常に起動することを確認します。
変更を保存するには、OK をクリックします。
WebStorm から外部差分ツールを起動する
差分ビューアーで差分を調べる場合は、
をクリックして、WebStorm に設定された外部 diff ツールを起動させます。
関連ページ：
Diff ビューアーを使用してファイルとフォルダーのバージョンを比較する
WebStorm を使用すると、ファイル / フォルダーの 2 つのリビジョン間の違い、または現在のローカルコピーとリポジトリのバージョン間の違いを調べることができます。違いは差分ビューアーに表示されます。変更されたファイルをその Git リポジトリバージョンと比較するコミットツールウィンドウを開きます。変更リストで必要なファイルを見つけて、次のいずれかを実行します。ファイルを右クリックし、を選択します。ファイルを選択してを押します。ファイルをダブルクリックします。、ファイルへの変更がハイラ...
コードの再フォーマットと再配置
WebStorm を使用すると、現在のコードスタイルスキームまたは .editorconfig ファイルで指定した要件に従ってコードを再フォーマットできます。で定義されていないものがあれば、プロジェクト設定から取得されます。コードの一部、ファイル全体、ファイルのグループ、ディレクトリ、モジュールを再フォーマットできます。また、コードの一部または一部のファイルを再フォーマットから除外することもできます。コードフラグメントを再フォーマットするエディターで、再フォーマットしたいコードフラグメントを選択しま...
ローカル履歴
ローカル履歴は、バージョン管理とは関係なく、プロジェクトに加えられたすべての変更を常に追跡できます。コミット間で行われた違いのみを追跡するバージョン管理システムとは異なり、ローカル履歴にはさらに多くの機能があります。コードの編集、テストの実行、アプリケーションのデプロイなどを行うと、プロジェクトの状態が自動的に記録され、IDE と外部の両方から行われたすべての意味のある変更のリビジョンが維持されます。ローカル履歴を使用すると、個人のバージョン管理システムとして機能し、プロジェクトでバージョン管理...