Click here to Skip to main content
15,879,095 members
Articles / Web Development / HTML
Tip/Trick

Increase productivity with Visual Studio extensions

Rate me:
Please Sign up or sign in to vote.
4.89/5 (8 votes)
30 May 2012CPOL5 min read 51.2K   25   12
This article gives ideas to developers to increase development time productivity using the free Visual Studio 2010 extensions.

Introduction 

This article describes some useful and free Visual Studio extensions using which we can increase our productivity during development time.

Increase Productivity  

Day by day Visual Studio enhanced its features and ease development process for developers. Beside this to help the development process make more comfortable and easy there are a lot of Visual Studio extension. Using this extension developers life become more easy.

Nuget Package Manager

A collection of tools to automate the process of downloading, installing, upgrading, configuring, and removing packages from a VS Project.

Image 1

http://visualstudiogallery.msdn.microsoft.com/27077b70-9dad-4c64-adcf-c7cf6bc9970c

Web Essentials

Adds many useful features to Visual Studio for web developers. 

  • Style sheets
  • Live Preview
  • The Live Web Preview tool window loads your website/project in a browser and will update every time you save or build. Right-click your web project item in Solution Explorer and click "Live Web Preview" to show the window and load the website. You can also just type CTRL+ALT+Enter to do the same.

  • Vendor specific property generation
  • A lot of the new CSS 3 properties only work cross-browser if vendor specific properties are added. These include -moz, -webkit, -ms and -o.

    Image 2

    The result is the insertion of the missing vendor specific properties in the right order.

    Image 3

    If one or more of the vendor specific properties are already present, then only the missing ones are added.

  • Up- and down arrows control numeric values
  • When the cursor is in or next to a numeric value such as 5px, .6em, 15% or just 23, you can use CTRL+UP to increase the number and CTRL+DOWN to decrease it. The feature is known from FireBug. 

    Image 4

    This works for CSS, SaSS, LESS and JavaScript files.

  • Embed url() references as base64 strings 
  • This will take the referenced image and base64 encode it directly into your stylesheet. You have then eliminated an HTTP requst.

    Image 5

    If the base64 string becomes too long, you can easily collapse it.

    Image 6

  • Comment and uncomment support 
  • Use (CTRL+K, CTRL+C) to comment the selection and (CTRL+K, CTRL+U) to uncomment. This is the same keyboard shotcut as in the C#/VB editors.

  • Color preview on mouse hover  
  • Image 7

  • Font preview on mouse hover
  • Image 8

http://visualstudiogallery.msdn.microsoft.com/6ed4c78f-a23e-49ad-b5fd-369af0c2107f

Image Optimizer

A Visual Studio extension that optimizes PNG, GIF and JPG file sizes without quality loss. It uses SmushIt and PunyPNG for the optimization.

Image 9

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. 

Image 10

http://visualstudiogallery.msdn.microsoft.com/a56eddd3-d79b-48ac-8c8f-2db06ade77c3/

Indent Guides

Adds vertical lines at each indent level. Displays indent 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.

Image 11

There are three styles of guides: solid, dotted and dashed, available in thin and thick varieties and customizable color.

Image 12

http://visualstudiogallery.msdn.microsoft.com/e792686d-542b-474a-8c55-630980e72c30

AnkhSVN

AnkhSVN is a Subversion SourceControl Provider for Visual Studio. The software allows you to perform the most common version control operations directly from inside the Microsoft Visual Studio IDE.

Image 13

With AnkhSVN you no longer need to leave your IDE to perform tasks like viewing the status of your source code, updating your Subversion working copy and committing changes.

http://visualstudiogallery.msdn.microsoft.com/E721D830-7664-4E02-8D03-933C3F1477F2?SRC=Home

VSCommands Lite

Code Visualization (C#, VB, C++, Xml, Xaml, CSS, ASPX, Razor, JavaScript), Locate In Solution, Copy/Paste References, Attach to local IIS, Group Items, Reload All Projects, Output Coloring.

File Structure

Image 14

http://visualstudiogallery.msdn.microsoft.com/d491911d-97f3-4cf6-87b0-6a2882120acf?SRC=Home

Visual Nunit

Visual Nunit is open source NUnit test runner plugin to Visual Studio 2008 and 2010. Visual Nunit is licensed with Apache License V2.0. Visual Nunit was originall developed to speed up development of MXP reference implementation.

Image 15

http://visualstudiogallery.msdn.microsoft.com/c8164c71-0836-4471-80ce-633383031099/

Spell Checker

An editor extension that checks the spelling of comments, strings, and plaintext as you type.

This extension provides spell checking support for various "natural language" portions of files.  This includes:

  • Plain text files (the entire file is spell checked)
  • Source code (comments and strings are spell checked)
  • HTML/ASP (things that aren't HTML tags are spell checked)

Image 16

http://visualstudiogallery.msdn.microsoft.com/7c8341f1-ebac-40c8-92c2-476db8d523ce

GhostDoc

GhostDoc is a Visual Studio extension that automatically generates XML documentation comments for methods and properties based on their type, parameters, name, and other contextual information.

Image 17

http://submain.com/products/ghostdoc.aspx

JScript Editor Extensions

Bundles the following extensions for the Visual Studio 2010 JScript editor:

Brace Matching

Supports matching parenthesis: (), square brackets: [], and curly braces: {}. Braces in strings, comments and regular expression literals are ignored.

Outlining / Cold-folding

Blocks are detected via opening and closing curly braces. Braces in strings, comments and regular expression literals are ignored.

Current Word Highlighting

Adds support for highlighting all instances of the word currently at the cursor.

Image 18

http://visualstudiogallery.msdn.microsoft.com/872d27ee-38c7-4a97-98dc-0d8a431cc2ed/

Code Compare

Code Compare is a powerful file and folder comparison tool that demonstrates new level of code comparison.

Image 19

Advanced comparison approaches, which consider the peculiarities of different programming languages, make a significant advantage in code comparing.

http://visualstudiogallery.msdn.microsoft.com/dace3633-0b51-4629-85d4-c59cdce5bb3b/

Go To Definition

Make ctrl+click perform a "Go To Definition" on the identifier under the cursor. Also, when the ctrl key is held down, highlight identifiers that look like they have definitions to navigate to.

Image 20

http://visualstudiogallery.msdn.microsoft.com/4b286b9c-4dd5-416b-b143-e31d36dc622b/

PowerCommands

PowerCommands 10.0 is a set of useful extensions for the Visual Studio 2010 adding additional functionality to various areas of the IDE.

Image 21

http://visualstudiogallery.msdn.microsoft.com/e5f41ad9-4edc-4912-bca3-91147db95b99/

CodeRush Xpress

CodeRush Xpress includes over 50 refactorings, and nearly all work in both C# and Visual Basic. A few refactorings are available in only a single language due to features of that particular language. All refactorings can be split into the following groups:

  • Changing Signatures
  • Conditionals
  • Declaration and Initialization
  • Expressions
  • Lambda Expressions and Anonymous Methods
  • Loops and Blocks
  • Properties and Fields
  • Moving/Extracting Methods
  • Resource Files and Strings
  • Types
  • Visibility

Lambda Expressions and Anonymous Methods

Image 22

http://www.devexpress.com/Products/Visual_Studio_Add-in/CodeRushX/

Resources 

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer Jaxara IT Ltd.
Bangladesh Bangladesh
I am Microsoft MVP and working as Software Engineer in web technologies, with 6+ years of experience in the design, prototyping, development and deployment of various class of business solutions C#,asp.net, jquery, java and sql server or Oracle.

blog: http://aspboss.blogspot.com

Comments and Discussions

 
Question'Recently Used Files' addin to improve productivity Pin
sameekshas7-Jan-15 12:23
sameekshas7-Jan-15 12:23 
GeneralMy vote of 5 Pin
SoMad31-May-12 18:50
professionalSoMad31-May-12 18:50 
GeneralRe: My vote of 5 Pin
Ahsan Murshed31-May-12 19:44
Ahsan Murshed31-May-12 19:44 
gr8Thumbs Up | :thumbsup:
GeneralMy vote of 5 Pin
taha bahraminezhad Jooneghani31-May-12 2:07
taha bahraminezhad Jooneghani31-May-12 2:07 
GeneralRe: My vote of 5 Pin
Ahsan Murshed31-May-12 16:56
Ahsan Murshed31-May-12 16:56 
GeneralMy vote of 5 Pin
Mahmud Hasan31-May-12 1:24
Mahmud Hasan31-May-12 1:24 
GeneralRe: My vote of 5 Pin
Ahsan Murshed31-May-12 1:32
Ahsan Murshed31-May-12 1:32 
QuestionNice article but... Pin
Yogesh Jagota30-May-12 3:11
Yogesh Jagota30-May-12 3:11 
AnswerRe: Nice article but... Pin
Ahsan Murshed30-May-12 16:33
Ahsan Murshed30-May-12 16:33 
GeneralRe: Nice article but... Pin
Klaus Luedenscheidt30-May-12 19:06
Klaus Luedenscheidt30-May-12 19:06 
GeneralRe: Nice article but... Pin
Ahsan Murshed30-May-12 19:07
Ahsan Murshed30-May-12 19:07 
QuestionGood article! Check my VS AddIn: EntitiesToDTOs Pin
ffernandez2330-May-12 2:18
ffernandez2330-May-12 2:18 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.