20 useful Visual Studio extensions

This article is about introducing several Visual Studio extensions that boost your development productivity and make your life as a developer easier (at least they made my life easier).

1- CodeMaid

CodeMaid is one of my favorite extensions that without it I really cannot write code. CodeMaid features are:

Now let's see some features in action.

CodeMaid can clean up an opened file after saving it. After installing CodeMain options:

In the Cleaning section click on General then check the Automatically run cleanup on file save.
Again in the Cleaning section click on Visual Studio then uncheck the Skip during automatic cleanup on save. Let's save the file:

After saving file CodeMaid:

Removed unused namespaces
Sorted namespaces alphabetically
Removed extra blank lines

Another thing I really like is inserting a single line between properties.

In the Cleaning section click on Insert then click on single line properties. After saving the file: Before inserting a single line between properties class was less readable.

CodeMaid can reorganize class member types in the following order:

After organizing untidy class:

Last but not least, I'm no fan of using #region and I always avoid using it but if you are using region a lot, CodeMaid can add reign name to the end of the region #endregion:

Watch this video to learn more about CodeMaid:

2- Open Command Line

Open Command Line adds a new command to the project context menu that will open a command prompt on the project's path. If the solution node is selection in Solution Explorer, then a console will open at the root of the .sln file.

You can access the command by hitting ALT+Space as well.
You may change this shortcut in the Options Window under Environment -> Keyboard
Look for the command ProjectAndSolutionContextMenus.Project.OpenCommandLine.Default Most of the time I use this extension to do Git staff via command line instead of the Visual Studio Git interface.

3- Solution Error Visualizer

Solution Error Visualizer adds error, warning, and message squiggles to Solution Explorer. The information is fetched from the Error List and directly displayed in the Solution Explorer tree view. Hovering over the nodes with squiggles brings up a pop-up with the error/warning/message information.

You can filter the Solution Explorer to just files with warnings/errors/messages using the filter dropdown in the Solution Explorer toolbar. You can create a new Solution Explorer view, filter it down to Errors and use it as a dedicated Error window.

4- Viasfora

Viasfora extension adds many useful features for code (C#, C/C++, JS, VB, F#, SQL, TypeScript, Python, PowerShell, R, JSON, Fortran) as well as editing XML files.

Rainbow Braces
Keyword Highlighting
XML Improvements

5- Add New File

Add New File is for easily adding new files to any project. Simply hit Shift+F2 to create an empty file in the selected folder or in the same folder as the selected file.

Easily create any file with any file extension
Create files starting with a dot like .gitignore
Create deeper folder structures easily if required
Create folders when the entered name ends with a /

6- VSColorOutput | Output Enhancer

VSColorOutput can change the color of a line emitted to the output window based on specified rules. The rules consist of regular expressions. Rules map to classifications which in turn map to colors.

Output Enhancer is an extension that adds styling to the Visual Studio output window. For now, it supports coloring for build/build order output:

Build/rebuild result messages
Publish result messages
Compiler errors and warnings
npm and bower errors and warnings

Debug output:

Trace warning and error messages
"Exception thrown" messages

7- Visual Studio Spell Checker

Visual Studio Spell Checker is a Visual Studio editor extension that checks the spelling of comments, strings, and plain text as you type or interactively with a tool window. It is based largely on the spell checker extension originally created by Noah Richards, Roman Golovin, and Michael Lehenbauer.

8- Learn the Shortcut

Learn the Shortcut shows how easy you can make the same action using only the keyboard. Displays the keyboard shortcut for any command that you execute to help you learn the shortcuts you need the most.
It is also helpful for presentations where you want to display to the audience what keyboard shortcuts you are using.

Status bar
Output Window

9- Open in Visual Studio Code

Open in Visual Studio Code is for those times where you have a project open in Visual Studio and you want to be able to quickly open it in Visual Studio Code.

10- Better Comments

Better Comments is a Visual Studio extension that gives you the ability to customize the font and opacity of your comments independently of the editor's font settings. It also adds four additional comment classifications, each classification with its own customizable foreground.

Additional comment classifications. Important, Question, Task, and Crossed.
Customizable foreground for each comment classification.
Customize the font settings and opacity of your comments.
Works with C#, F#, VB.NET, C/C++, JavaScript, Python, HTML, and XAML.
You can use your own custom tokens.

11- GhostDoc Community

GhostDoc is a Visual Studio extension for developers who need to Generate XML Comments from source code using customizable templates, maintain clean and up-to-date documentation, produce help documentation in multiple formats, use intelligent source code Spell Checker in Visual Studio, and more.
GhostDoc also helps to automate the generation of clean, helpful documentation of your clean code, building it, and packaging it up all without human intervention.

Automatically generate a starting point for your help documentation
Visual editing for your help docs
Produce help documentation in multiple formats
Find auto-generated comments - edit or remove the bulk created docs
Ensure code documentation quality
Maintain clean and up-to-date code documentation

12- Trailing Whitespace Visualizer

Trailing Whitespace Visualizer
will highlight and remove any trailing whitespace on any line in any editor in Visual Studio. This makes it really easy to get rid of those annoying invisible characters.
You can very easily delete all the trailing whitespace in a file by executing the Delete Horizontal White Space command found in Edit -> Advanced or by using the shortcut key combination Ctrl+K, Ctrl+\.
You can change the background color easily from the Tools -> Options -> Fonts and Colors menu. The item is called "Trailing Whitespace".

13- File Icons

File Icons adds icons for files that are not recognized by Solution Explorer

14- File Nesting

File Nesting automatically nest files based on the file name and enables developers to nest and unnest any file manually.

Manually nest files
Manually un-nest files
Auto-nesting based on naming conventions
Option to enable auto-nesting when files are added or renamed
Options to specify which naming conventions to apply
Keyboard shortcut for manual nesting (Ctrl+Alt+N)

15- Bundler and Minifier

Bundler and Minifier let's you configure bundling and minification of JS, CSS and HTML files.

Bundles CSS, JavaScript or HTML files into a single output file
Saving a source file triggers re-bundling automatically
Support for globbing patterns
MSBuild support for CI scenarios supported
Minify individual or bundled CSS, JavaScript and HTML files
Minification options for each language is customizable
Shows a watermark when opening a generated file
Task Runner Explorer integration
Command-line support
Shortcut to update all bundles in the solution
Suppress output file generation
Convert to Gulp

16- Image Optimizer

Image Optimizer
uses industry standard tools to optimize any JPEG, PNG and Gifs - including animated Gifs. It can do both lossy and lossless optimization.
Adds a right-click menu to any folder and image in Solution Explorer that let's you automatically optimize all PNG, GIF and JPEG files in that folder.

Optimizes PNGs (uses Zopfli compression)
Optimizes GIFs
Optimizes animated GIFs
Optimizes JPGs (uses MozJPEG)
Works on single images files or entire folders
Copy any image as base64 dataURI to clipboard

17- Color Themes for Visual Studio

Color Themes for Visual Studio installs additional color themes for Visual Studio.
Similar to the Color Theme Editor, but without the editor - just the themes.
Includes all the themes available in the Color Theme Editor, plus additional themes contributed by the community.

18- Indent Guides

Indent Guides displays indent and page width guides in Visual Studio text editor windows.
Guides can be displayed at the indent specified in your settings, regardless of tabs or spaces, or wherever text has been indented to. Page width markers can be displayed at a fixed location and will change color when code extends past them.

Here are three styles of guides: solid, dotted and dashed, available in thin and thick varieties and customizable color. The default is dotted grey, as shown in the image. Each indent level can have a different style and color.

19- Match Margin

Match Margin highlights all the textual matches of token at the caret location in the Editor.
As an example, when the focus is on a variable, all usages of that variable are highlighted and a marker is placed on the vertical scrollbar to indicate the position on the page where that variable is used.

20- WakaTime

WakaTime automatically generates metrics, insights, and time tracking from your programming activity.

Paid

1 - Resharper
2 - OzCode
3 - Supercharger
4 - NDepend
5 - GhostDoc Enterprise
6 - Tabs Studio

Blog