Visual Studio 2017 Extensions
Tags: visualstudio, extensions, productivity
Published: 2018-04-13 13:30:17

---
title: Visual Studio 2017 Extensions
published: true
description: Up to date list of Visual Studio 017 Extensions and Updates
tags: Visual Studio, Extensions, Productivity
canonical_url: https://richardballard.co.uk/visual-studio-2017-extensions/
---

![Laptop](https://thepracticaldev.s3.amazonaws.com/i/c6cteil66mufbgc2v387.jpg)

_This article originally appeared on [Richard Ballard's blog](https://richardballard.co.uk/visual-studio-2017-extensions/)_

As part of my push to 'work smarter, not harder', here is my list of Visual Studio 2017 extensions in no particular order.  

I will endeavour to keep this list up to date as and when I start using new extensions.

###<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebExtensionPack2017" target="_blank">Web Essentials 2017</a>
Mads Kristensen is _the_ Visual Studio extension guy and many of his great extensions can be found packaged up in Web Essentials 2017, which is aimed at Web Developers specifically. Do read the notes for information on each of the extensions included but some of my my personal highlights are included below. Although this extension pack will install all the listed extensions, you can simply remove any of those you don't require after. Alternatively you can install the extensions individually.

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.AddNewFile" target="_blank">Add New File</a>**
This is without doubt the best extension for Visual Studio. Simply hit `Shift + F2` for a dialog where you enter the name for you new file along with the correct file extension. You can even add new folders from the same dialog by adding a '/'. So much easier to use than VS's built in method for adding new files.

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.OpenCommandLine" target="_blank">Open Command Line</a>**
This is an invaluable addition to your Visual Studio workflow. Want to jump directly to the command line at the correct path for the file you're working on? Just hit `Alt + Space` and this extension will do just that. 

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.ImageOptimizer" target="_blank">Image Optimizer</a>**
The Image Optimizer allows for lossless image compression, reducing the page weight for your website with no compromise in quality. A right click on a image folder directly in VS will allow you to optimise all images including those in sub folders. Another handy feature is that to copy an image as base64, no need to leave VS at all.  
 
**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler" target="_blank">Web Compiler</a>**
Need to compile SASS/LESS among others? Install the Web Compiler extension and after some simple configuration have these files compiled in no time. Compile files on file save, project build or trigger manually if needed. Our team are moving away from this in favour of other compilers but to get things moving quickly it's still a great option.

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.FileIcons" target="_blank">File Icons</a>**
Who doesn't want everything to look a little more beautiful and File Icons does just that. Where Visual Studio drops the ball with missing icons for certain file extensions, File Icons steps in to brighten up that solution explorer.

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.LearntheShortcut" target="_blank">Learn the Shortcut</a>**
This is a great way to try and learn the shortcuts for some repetitive tasks in Visual Studio. Next time you feel your hand leave the keyboard to reach for the mouse, have a look at the output and see to you if there is a shortcut you can incorporate into your workflow for those productivity gains!

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.ErrorCatcherII" target="_blank">Error Catcher II</a>**
Shows the errors, warnings and messages relevant to the file your working on in the top right hand corner. This is a small UI change that can really help a lot. 

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.TrailingWhitespaceVisualizer" target="_blank">Trailing Whitespace Visualizer</a>**
Makes trailing whitespace loud and abrasive so you know it's there and reminds you to tidy up. There is also an option to remove this trailing whitespace automatically on file save. Perfect.

**<a href="https://marketplace.visualstudio.com/items?itemName=MadsKristensen.DisableSolutionExplorersDynamicNodes" target="_blank">Disable Solution Explorer's Dynamic Nodes</a>**
An extension that removes some of the noise in the solution explorer by removing the Dynamic Nodes (those orange child nodes things..) that are shown when expanding a collapsed .cs file. I never use them so it's nice to be able to remove them completely. 

###<a href="https://marketplace.visualstudio.com/items?itemName=EWoodruff.VisualStudioSpellCheckerVS2017andLater" target="_blank">Visual Studio Spell Checker</a>
I can't recommend this extension highly enough, it's saved mine and the team's bacon many times. No longer is it the norm to publish webpages with copy typos. Once you see those big swirly underlines they're hard to ignore. The extension only checks plain text, strings and comments so your code is safely ignored. It will take a small amount of time at first to tell it to add some common words to it's dictionary but it's certainly worth investing that time.

###<a href="https://visualstudio.github.com/" target="_blank">GitHub Extension for Visual Studio</a>
Makes cloning repositories within Visual Studio that bit easier by showing you the available repositories accessible from your account. Saves you having to go find the url in GitHub to then perform the clone from the command line or having to leave VS to switch to another Git client to do the same task.

###<a href="https://marketplace.visualstudio.com/items?itemName=SteveCadwallader.CodeMaid" target="_blank">Code Maid</a>
I used to use this extension a lot more in previous years than I do now but I still have it installed. This is a feature rich extension that's worth looking into. However I only use it for it's code clean up feature now which I still prefer over Resharper's. Trigger this on a file with the shortcut `Ctrl + M + Space`. I'm sure there are other options out there now but it's ingrained in my workflow now.