My favorite Visual Studio Code productivity extensions
- Tools
- Extensions
- VSCode
Introduction
As a developer you've probably already met Visual Studio Code - Microsoft's lightweight code editor. If you haven't, you definitely should try it.
Today I'm going to share my favorite extensions with a missing feature which I recently found - sharing extensions,
themes and configuration. What happens if you step on a new machine? You have to customize all your key binding,
download all your extensions and setup your theme preferences. And you probably want to sync that across all your
devices - ask no more.
Before that I will share all my productivity extensions which help me get trough my work day. They are separated by
categories.
C# extensions
- C#
Full IntelliSense for C#. A MUST for .NET developers. - C# XML Documentation Comments
Most of the Visual Studio's users are very familiar with. Type "/// + TAB" and you get nice documentation for your classes and members. - C# Extensions
Pretty nice addition to the two above. Providing quick scaffolding of classes, interfaces etc. - NET Core Test explorer
Browse, run and debug tests directly in the editor. - Nuget package manager
No need of explanation.
Git extensions
- Git History
This extension gives you full feature Git client in the IDE. Search commits, merge and compare branches and more. - gitignore
Remove files from source code tracking from the file context menu. - GitLens
Track authors, dates directly in the file.
JavaScript extensions
- TSLint
Analysis tool that checks TypeScript code for readability, maintainability, and functionality errors. - Babel JavaScript
Syntax highlighting for today's JavaScript. - Npm IntelliSense
You get npm modules autocomplete in import statements. - ESLint
Linting utility for JavaScript and JSX. - Debugger for Chrome
Debug your JS app directly in the browser.
Utilities extensions
REST client
Allows you to send HTTP request and review responses.Docker
Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.Path IntelliSense
Plugin that auto completes filenames.Auto Close Tag
Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.VS Live Share
Real-time collaborative development.Auto Rename Tag
Auto rename paired HTML/XML tag.VSCode great icons
File specific icons for improved visual grepping.SQLTools
Execute queries, auto complete, bookmarks etc.PHP IntelliSense
Advanced PHP IntelliSense.IntelliCode for VS
A set of capabilities that provide AI-assisted development. Still in preview, but worth trying.
More
Cobalt2 theme
Using Cobalt2 theme feels so good. In addition it's considered the best theme for your eye balls.Settings sync
This is the missing peace of the puzzle. There isn't default support of VS Code for this type of synchronization. This extension will save all your custom settings, themes and extensions. Whatever you switch PCs or just start with new one, setup is as quick as 5 minutes and you have your favorite extensions and settings synced. Reallyyy cool.
Conclusion
I hope you find the list useful. Will try to keep it up to date. If you find any interesting extensions worth mention don't hesitate to drop me a comment.