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.
Web Essentials 2017
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.
Add New File
This is, without doubt, the best extension for Visual Studio. Simply hit Shift + F2 for a dialog where you enter the name for your 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.
Open Command Line
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.
Image Optimizer
The Image Optimizer allows for lossless image compression, reducing the page weight of your website with no compromise in quality. A right-click on an image folder directly in VS will allow you to optimise all images, including those in subfolders. Another handy feature is that to copy an image as base64, no need to leave VS at all.
Web Compiler
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.
File Icons
Who doesn't want everything to look a little more beautiful? 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.
Learn the Shortcut
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 if there is a shortcut you can incorporate into your workflow for those productivity gains!
Error Catcher II
Shows the errors, warnings and messages relevant to the file you’re working on in the top right-hand corner. This is a small UI change that can really help a lot.
Trailing Whitespace Visualizer
It 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 when saving files. Perfect.
Disable Solution Explorer's Dynamic Nodes
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.
Visual Studio Spell Checker
I can't recommend this extension highly enough; it’s saved my 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 its dictionary, but it's certainly worth investing that time.
GitHub Extension for Visual Studio
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.
Code Maid
I used 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 its 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.