Hugo's Blog

Say Goodbye to Git Graph in VSCode: A New Era of Source Control Visualization

September 9, 2024 (4mo ago)DevEnv

Hi everyone! I'm Hugo. I use VSCode a lot for coding and writing. If you're interested in how I write better Markdown in VSCode, check out 👉🏻 Your Life Needs to Be MARKDOWNED: Essential Tips for Exceptional GitHub Writing.

Say Goodbye to Git Graph in VSCode: A New Era of Source Control Visualization -- by Hugo
Say Goodbye to Git Graph in VSCode: A New Era of Source Control Visualization -- by Hugo

I also use Git to manage my projects. One of my favorite tools was the Git Graph extension in VSCode. But with the new VSCode 1.93 update, Git Graph is now built into VSCode's Source Control (shortcut: Control + Shift + G). This means we no longer need an extra extension to see our Git collaboration graphs. Let's check out this new feature together!

In the past, we had to open Git Graph to see our project's collaboration graph, like this:

Git Graph Extension
Git Graph Extension

However, even in the older VSCode 1.92 version, I noticed that VSCode started adding Git Graph into the program itself. At first, you could only see the graph when you were pushing changes. But now, with VSCode 1.93, you can see the Git Graph directly in Source Control, like this:

Git Graph Built in VSCode
Git Graph Built in VSCode

This is super helpful because you don't need an extra tool to check the graph. Now, I can see all the files I've changed and the commits my team has made in one place. If you click on a commit, you can even see what was changed:

Git Graph Commit Details
Git Graph Commit Details

I hope this makes your coding life easier! I'll be sharing more tips on how I use VSCode to work better, so stay tuned if you want to learn more!

Comments