DEV Community

Cover image for VSCode Productivity Hack #1
Siddeshwar Navaneetharan
Siddeshwar Navaneetharan

Posted on • Edited on

VSCode Productivity Hack #1

Coveted Comparisons

Intro Image

Let me paint you a picture; you're working on a project that has several identical configuration files. The difference between these files is that each is used in different environments i.e. one file for the development environment, one file for the staging environment and another for the production environment.

Now wouldn't it be easier if you could open the side by side and make a comparison to see what's present in one and missing in the other ? Well, look no further, for VSCode has the all-powerful Select to compare and Compare Selected feature.

Steps

  1. Right click the first file you want to compare against and click Select For Compare Select for compare image
  2. Right the second file, which you want to compare with the first and click Compare with Selected
    Compare with selected image

  3. Voila ! There you have it, two files one beside the other with the diffs.
    Result image
    That's all for today folks !

Top comments (0)