Diffing Two Files in VSCode

Kyle Shevlin
InstructorKyle Shevlin
Share this video with your friends

Social Share Links

Send Tweet
Published 5 years ago
Updated 4 years ago

You might find yourself with two almost identical files and want to quickly see the difference. VSCode has a built-in mechanism for file diffing.

Instructor: [00:00] Here, I have two files. I have this index.js file with a bunch of code and I have this solution.js file with a bunch of code, but there's a difference between the two. I want to quickly see the diff between them.

[00:12] What I can do is over here in the menu, I can right-click on one of the files and I can click Select for compare. Now that that's been selected, I can click a second one and you'll see Compare with selected. I'm going to hit that and up pops a div.

[00:27] We can see here like we can go through and we can see the diffs and they're really great diffs too. They recognize that this is just indented differently and not a true diff.

egghead
egghead

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today