Essential Visual Studio Code Extensions
Visual Studio Code is a free, cross-platform text editor developed by Microsoft. It is quickly becoming a crowd favorite thanks to its excellent performance and the exuberant amount of features it offers.
Just like most IDEs, VSCode has an extension marketplace containing thousands of plugins with varying quality. To help you pick out the ones worth downloading, we made this collection of the extensions we found most useful.
1.Debugger for Chrome
Wait a minute! You need an extension to develop C# in Code? Since Code supports multiple programming languages, C# support is like any other language an extension. This is most likely the first extension you will ever install as a .NET dev.
3. Rainbow Brackets
5. Auto Close Tag and Auto Rename Tag
Auto Close Tag automatically adds a closing tag, which saves you quite a lot of keystrokes over time, while Auto Rename Tag renames closed tags automatically. It’s amazing how tiny improvements like these can make a world of difference.
6. EditorConfig for VS Code
Sharing code style settings across a team or organization have always been a mess in Visual Studio. I tried writing a guide some years back, but the presented solution was still very handheld. EditorConfig fixes this by extracting configuration into a config file, that can be added to source control. This extension, adds support for EditorConfig inside Code.
I must admit, I don’t use Git inside either Code or Visual Studio. I’m not a command prompt-fanboy or anything, but PoshGit has worked great for me over the years. GitLens looks to bring some nice Git features inside Code, so planning to check that out at some point.
Much like the File Icons extension we highlighted for Visual Studio, vscode-icons brings filetype icons into Code. You may think it doesn’t matter, but that’s only until you’ve tried it.
10. Paste JSON as Code
The “old” Paste JSON as Code feature from Visual Studio, also found its way into Code. Pasting JSON as C# (or one of the other supported languages) is probably not something you need to do every day. But when you do, this is such a nice little util.
11. Icon Fonts
The wonderful Visual Studio extension Glyphfriend isn’t available for Code, but luckily, someone made Icon Fonts. It brings IntelliSense for referencing common icon fonts like FontAwesome and Glyphicons inside Code.
12. IntelliSense for CSS class names in HTML
Another useful extension for HTML development inside Code, is the CSS IntelliSense extension. Showing a popup of available CSS classes is a built-n feature in Visual Studio and as a web developer, you will miss this in Code. This extension brings CSS IntelliSense into Code too.