DEV Community

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

Posted on • Edited on

3

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 !

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay