734

Is there a Compare feature like the Plugin for Notepad++?

2
  • 1
    Yes, there is, but it is integrated with the version control tools, you can't really ask it to compare two arbitrary files, but you can ask version control to compare two revisions of the same file, or your current file in the working folder with the last checked in / committed revision. May 9, 2015 at 13:01
  • 11
    @lasse vscode can compare two arbitrary files now. See my answer stackoverflow.com/a/45091703/1081043
    – wisbucky
    Jul 13, 2017 at 22:13

15 Answers 15

874

right click on first file and select

enter image description here

then right click on second file and select

enter image description here

Screencast:

how to compare files in vscode

11
  • 51
    how to compare two unsaved newly created files?
    – ca9163d9
    Dec 28, 2016 at 23:05
  • 8
    @dc7a9163d9 the same way, right click and select for compare. Mar 6, 2017 at 6:49
  • 10
    @AmrElAdawy I meant compare two buffers (for example, Untitled-1 and Untitled-2, there is no physical file)
    – ca9163d9
    Mar 6, 2017 at 18:47
  • 11
    @dc7a9163d9, Yes, That still also the same way as if the two untitleds are saved. Flow the same steps. I tried it and it worked. Mar 7, 2017 at 3:37
  • 50
    In the Explorer view you might not find the "Open Editors" section at first. Just click on the three dots for the settings of the Explorer view and you can see that you can tick this option. Nov 6, 2020 at 9:46
383

You can compare files from the explorer either from the working files section or the folder section. You can also trigger the global compare action from the command palette.

  1. Open a folder with the files you need to compare,
  2. Select two using SHIFT
  3. Right click "Compare Selected" enter image description here
6
  • 3
    Yup, Ive just noticed there is the option of Selecting files to compare but only those in an open folder.
    – user4863890
    May 9, 2015 at 17:26
  • 47
    you don't specify how to do either. Aug 31, 2020 at 19:39
  • 5
    to be fair, the question was just to know if there is a funcion, not how to trigger it :)
    – Armando SM
    Jan 19, 2021 at 6:54
  • 3
    The "must be inside the opened folder" restriction seemed to be very annoying to me, as I usually open a folder and then also work with external files in the meantime. But there is an easy solution provided by vs code itself: in the folder explorer tab, click on the 3 dots, then toggle "open editors" (disabled by default, at least on the Ubuntu version): this way you can pick any opened file for the side-by-side comparison, not just the ones within the folder. Maybe this is an obvious solution, but I took me a while to figure it out: hope this can help someone.
    – Jetboy
    Jun 11, 2021 at 12:19
  • 12
    You can run code -d <file 1> <file 2> these days.
    – Mark Allen
    Jun 25, 2021 at 21:19
270

I have Visual Studio Code version 1.27.2 and can do this:

Compare two files

  1. Drag and drop the two files into Visual Studio Code enter image description here
  2. Select both files and select Select for Compare from the context menu enter image description here
  3. Then you see the diff enter image description here
  4. With Alt+F5 you can jump to the next diff enter image description here

Compare two in-memory documents or tabs

Sometimes, you don't have two files but want to copy text from somewhere and do a quick diff without having to save the contents to files first. Then you can do this:

  1. Open two tabs by hitting Ctrl+N twice: enter image description here
  2. Paste your first text sample from the clipboard to the first tab and the second text sample from the clipboard to the second tab
  3. Select the first document Untitled-1 with Select for Compare: enter image description here
  4. Select the second document Untitled-2 with Compare with Selected: enter image description here
  5. Then you see the diff: enter image description here
7
  • Thanks, Compare with Default White theme is better than Dark theme.
    – Shaiju T
    Jan 29, 2020 at 11:15
  • Is there a way (or plugin) to compare all the files in 2 different folders (and their sub-folders)?
    – Tohid
    Jun 30, 2020 at 12:41
  • @Tohid, have you googled it? vscode compare two folders? The first result is Compare Folders by MoshFeu. Might be what you are looking for.
    – Lernkurve
    Jun 30, 2020 at 14:04
  • 3
    This answer is so much better because it does not assume that the files to compare are in the same directory tree. Thanks
    – abyshukla
    Apr 6, 2021 at 7:04
  • 2
    This answer is amazing because it doesn't even assume that the two files are actual files, i.e., saved on disk. This was precisely what I was looking for, for ages. Imagine you want to compare the outputs of two commands on your screen, say two separate pip list, in Windows, without all the bash goodies. It's either this or... nothing. Thank you #Lernkurve!
    – Ricardo
    Nov 9, 2021 at 18:16
109

Here is my favorite way, which I think is a little less tedious than the "Select for Compare, then Compare With..." steps.

  1. Open the left side file (not editable)
  2. PressF1 or CTRL+SHIFT+P to open Show Command Palette
  3. in the command palette type Compare Active File and select Compare Active File With...
  4. Select the right side file (editable) - You can either select a recent file from the dropdown list, or click any file in the Explorer panel.

This works with any arbitrary files, even ones that are not in the project dir. You can even just create 2 new Untitled files and copy/paste text in there too.

3rd party

Step 1 Open the left side file here RouteXSD_a.xsd after step 2 and 3 you will see a screen like this

Visual Code - Command Palette - Compare Active File With ...

After you selected / clicked on Compare Active File With... you can enter the file name of the other file (here RouteXSD_b.xsd).

Visual Code - Command Palette - Compare Active File With step 2

After you have clicked / selected the other file the "File Compare dialogue" is visible

Visual Code - File Compare dialogue

4
  • 2
    Do you know, if there exists a way to have both files editable within the compare window? Feb 16, 2018 at 12:51
  • Not as far as I know. It's strange that you can't edit both windows.
    – wisbucky
    Feb 16, 2018 at 18:02
  • 4
    This is nice. Do you know automated way to push differences from left into right? Other than manual copy/paste? Apr 14, 2018 at 16:58
  • How to come out compare option @wisbucky
    – Gunasekar
    Mar 12, 2020 at 6:51
66

Another option is using command line:

code -d left.txt right.txt

Note: You may need to add code to your path first. See: How to call VS Code Editor from command line

1
  • 1
    This is exactly what I was looking for. Sep 7, 2021 at 4:50
53

In your terminal type:

code --diff file1.txt file2.txt

A tab will open up in VS Code showing the differences in the two files.

20

There is plugin called Partial Diff which helps to compare text selections within a file, across different files, or to the clipboard.

4
  • 1
    I love Partial Diff. Select some text, set it as the left, select some more, set it as the right. Voila. Feb 5, 2018 at 22:20
  • Yes, I also found that Partial Diff is so easy to use and very useful. Apr 29, 2018 at 7:29
  • 1
    there's a native "Compare with clipboard" option from the F1 menu Apr 15, 2021 at 13:49
  • @FacundoColombier That option compares the entire active file with the clipboard, whereas the extension allows you to compare selections.
    – mooncoder
    Feb 23, 2022 at 4:45
7

other option is ctrl-shift + p and type file compare vsc capture

4

If you want to compare file in your project/directory with an external file (which is by the way the most common way I used to compare files) you can easily drag and drop the external file into the editor's tab and just use the command: "Compare Active File With..." on one of them selecting the other one in the newly popped up choice window. That seems to be the fastest way.

3

I found a flow which is fastest for me, by first associating a keyboard shortcut Alt+k to "Compare Active File With..." (#a). (Similar to wisbucky's answer but further improved and more step-wise.)

Then, to compare two files:

  1. Open or focus file B (will be editable in compare view by default). E.g. by drag-drop from File Explorer to VS Code's center.
  2. Open or focus file A.
  3. Press Alt+k, a quick open menu will be shown with file B focused.
  4. Press Enter.

Result: file A on left and file B on right. (Tested on VS Code 1.27.1)

Remarks

#a - to do so, press Ctrl-k Ctrl-s to show Keyboard Shortcuts, type compare on the top search box, and double click the "Keybinding" column for "Compare Active File With...", press Alt+k then Enter to assign it.

1
  • Here is another way to find available compare commands. Press "CMD + Shift + P" (on Mac) or "Ctrl + Shift + P" then type "compare" and you can pick which ever option you want.
    – Heitara
    Mar 29, 2021 at 9:36
3

Recently I created a VSCode extension for even faster way of file comparison. It's called Fast Compare and you can download it here.

https://marketplace.visualstudio.com/items?itemName=DavidKol.fastcompare

Gif animation of functionality

2

Here's a link to marketplace for extension. Extension "compareit" helps to compare two files wich you can choose from your current project and other directory on your computer or clipboard.

1
  • I think you can accomplish both without plugins Apr 15, 2021 at 13:50
2

Right click on 1st file click "Select for compare".

Click 2nd file click "Compare with selected"

1

Quickly open - and close - 2 new empty editors for a compare

As of Insiders Build v1.75, there is a new command to quickly open 2 new (i.e., empty) editors for a diff/compare. Into each of these you can paste whatever you want to compare between them. The command is:

File: Compare New Untitled Text Files
workbench.files.action.compareNewUntitledTextFiles

There is no default keybinding. Demo:

compare two new files demo

1
  • perfect. I like it
    – ataraxis
    Dec 20, 2022 at 16:08
0

In my case, I was trying to use compare option for files in open editor of VS code, however open editor wasn't visible. In such a case, to access open editor, click on 3 dots next to explorer and check the open editors option.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy