Name: Diffing Two Files in VSCode
Uploaded: 2019-11-16T11:27:47-06:00
Description: 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.

Adding Language Specific Settings in VSCode

Adding Custom Syntax Highlighting to a Theme in VSCode

Diffing Two Files in VSCode

Kyle's VSCode Tips and Tricks

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.

https://app.egghead.io/api/v1/lessons/vs-code-diffing-two-files-in-vscode/subtitles

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.

Diffing Two Files in VSCode

Share this video with your friends

Course

Kyle's VSCode Tips and Tricks