Why remove or hide the Incoming Outgoing Changes Graph?
When working in Visual Studio Code, I noticed a small yet persistent distraction: the Incoming/Outgoing changes graph. This feature was introduced here but I found it more distracting than useful in my workflow. So, I decided to remove it, and in this post, I’ll walk you through how you can do the same if you’re in a similar situation.
Thank me by sharing on Twitter 🙏
How to Disable the Incoming/Outgoing Changes Graph
Here’s a step-by-step guide on how to remove this graph in VSCode:
Open the settings editor. You can do this in several ways:
Windows:
- Navigate to
File > Preferences > Settings
- Use the Command Palette by pressing
Ctrl + Shift + P
, then type “Preferences: Open Settings” - Use the keyboard shortcut
Ctrl + ,
(comma)
Mac:
4Pack [Apple MFi Certified] Charger Lightning to USB Charging Cable 6FT Cord Compatible iPhone 14/13/12/11 Pro/11/XS MAX/XR/8/7/6s Plus,iPad Pro/Air/Mini,iPod Touch
$9.99 (as of December 21, 2024 08:38 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)Car Carplay Cable for iPhone 15 16 15 Pro Max 15 16 Plus Cable, USB A to USB C for Carplay USB C Cord, iPad USB C Cable iPad Pro iPad Air 5th 4th Mini 6th Gen Car Charger Cable Cord Replacement 3FT
$7.99 (as of December 21, 2024 08:38 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)Co-Intelligence: Living and Working with AI
$17.79 (as of December 21, 2024 19:39 GMT +00:00 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)- Navigate to
Code > Settings > Settings
- Use the Command Palette by pressing
Cmd + Shift + P
, then type “Preferences: Open Settings” - Use the keyboard shortcut
Cmd + ,
(comma)
User Settings
- Search for the setting. Type “showhistorygraph” in the search bar at the top.
- Uncheck the option. You’ll see the “SCM: Show History Graph” setting. Simply uncheck it to disable the graph.
User Settings (JSON)
Alternatively, you can manually update your user settings:
{
...,
"scm.showHistoryGraph": false
...,
}
Conclusion
Visual Studio Code is an excellent editor largely because of how customizable it is. While the Incoming/Outgoing changes graph might be useful for some, it didn’t fit my workflow. If you’re like me and prefer a more focused coding environment, following the steps above can help you declutter your workspace. Sometimes, less really is more when it comes to productivity.
I hope this guide helps you tailor VSCode to better suit your needs!