VSCodeでフォルダ丸ごと比較する

2022.01.22
2024.03.24
開発環境
Compare FoldersVSCode

はじめに

VSCodeでフォルダごとの比較をする方法を紹介します。

やりたいこと

やりたいことは下記になります。

  • フォルダを丸ごと比較したい
  • 不要なファイルは比較しない

ファイル単体であればデフォルトの機能で比較できますが、フォルダにあるファイルを丸ごと比較するには手間がかかってしまうのでCompare Foldersという拡張機能を利用します。

Compare Folders

Compare Foldersは、フォルダごと比較ができるようになるVSCodeの拡張機能です。

インストールは下記のページ、もしくはVSCodeの拡張機能から検索してインストールできます。

Compare Folders - Visual Studio Marketplace

Compare Folders - Visual Studio Marketplace

Extension for Visual Studio Code - Compare folders by contents, present the files that have differences and display the diffs side by side

Compare Foldersに関して、製作者の方の記事もあります。

CompareFolders Visual Studio Code extension journey — Intro

CompareFolders Visual Studio Code extension journey — Intro

This post meant to introduce the journey of the Visual Studio Code (“vscode”) plugin CompareFolders. The post is (will be) part of a…

できること

Compare Foldersでは、主に下記のようなことができます。

  • 2つのフォルダにあるファイルの比較
  • 比較した履歴から比較の確認
  • 比較しないファイルや拡張子の設定

使い方

Compare Foldersで2つのフォルダを比較するにはコマンドパレットから下記のコマンドを実行します。

  • Compare a folder against workspace: ワークスペースにあるフォルダとそれ以外のフォルダの比較
  • Choose 2 folders and compare: ワークスペースにあるなし関係なく2つのフォルダを選択して比較

左にあるアイコンからClick to select a folderをクリックしても比較できます。

2つのフォルダを選択して比較すると、左のCompare Foldersアイコンでフォルダごとの比較結果が確認できます。

左のパネルの上から、「どちらのフォルダにもあるファイルの比較」、「先に選択したフォルダにしかないファイル」、「2つ目に選択したフォルダにしかないファイル」となっています。

オプション

Compare Foldersでは下記のオプションが設定可能です。

  • excludeFilter
  • includeFilter
  • compareContent
  • diffViewTitle
  • ignoreFileNameCase
  • diffLayout
  • showIdentical
  • useDiffMerge
  • folderLeft + folderRight
  • ignoreExtension
  • ignoreLineEnding
  • ignoreWhiteSpaces
  • ignoreAllWhiteSpaces
  • ignoreEmptyLines

例えば、.gitフォルダを比較対象としたくない場合は下記のようになります。

1"compareFolders.excludeFilter": [
2  "**/.git"
3]

参考

Support

\ この記事が役に立ったと思ったら、サポートお願いします! /

buy me a coffee
Share

Profile

author

Masa

都内のIT企業で働くエンジニア
自分が学んだことをブログでわかりやすく発信していきながらスキルアップを目指していきます!

buy me a coffee