You might even be surprised to learn that VS Code is also cross-platform. Not only does it work on Windows, but versions for both Linux and Mac are also available for download.
But perhaps the coolest feature of all is the massive extension marketplace. There are free extensions available to support new languages, debug your code or add a variety of other custom functionality. This enables you to customize the editing experience to better meet your needs.
Today, we’ll introduce you to some of the very best VS Code extensions out there. Let’s get started!
While Git functionality is already built into VS Code, GitLens aims to “supercharge” the editor with even more version control goodies. It offers deeper insight into code, showing you when it was changed and who changed it. You can even compare different branches, tags and commits. Overall, this extension will make version control a more visual experience.
Debugger for Chrome
For developers who’d rather troubleshoot code during runtime, Debugger for Chrome will help you get the job done. There are a number of handy features, including the ability to set breakpoints in your code, watches and a console. Plus, you can choose to run an instance of Chrome within VS Code or attach the debugger to a seperately running instance of the browser.
React Native Tools
React is among the most buzzworthy JS libraries out there – so much so that the new WordPress block editor (aka Gutenberg) is built on it. If you’re among the many who have jumped on the bandwagon, React Native Tools is a must-have extension. It adds the ability to run
react-native commands and will help you debug code.
One Dark Pro
When dealing with code, it helps to have an editor that is both visually appealing and comfortable. After all, coding sessions can last for hours on end. One Dark Pro brings the popular “One Dark” theme from the Atom editor to VS Code. You get the familiarity of this iconic look with the other conveniences of Microsoft’s open source app.
Bracket Pair Colorizer 2
Bracket Pair Colorizer 2 is a simple extension, but one that can make code much easier to digest. It color codes matching brackets, allowing you to visually determine where functions begin and end. You can even pick which colors to use.
Perhaps one of the most effective visual tweaks for VS Code comes from vscode-icons. It takes a rather bland file listing and adds colorful, language-specific icons to the mix. This makes it easy to tell your PHP files from HTML, for example. Plus, the added personality is a welcome addition to any workspace.
Write Code Your Way
The incredible number of available extensions for VS Code makes it a compelling choice for everyday use. You have the freedom to set things up to match the languages you use and the type of visual space you prefer.
Plus, it offers an interesting mix of both corporate and open source culture. Being backed by Microsoft would seem to ensure that VS Code will be actively developed in the future. And the open source community has created a thriving ecosystem around the software. The result for developers is getting the best of both worlds.
This post may contain affiliate links. See our disclosure about affiliate links here.