Click here to Skip to main content
Click here to Skip to main content

Visual Studio 2012 New Features of the IDE

, 30 Apr 2013 CC (ASA 3U)
Rate this:
Please Sign up or sign in to vote.
This post talks about the Visual Studio 2012’s IDE new features

Introduction 

This post talks about the Visual Studio 2012’s IDE new features.

Background  

I am making this post thinking “Better late than never”, as I was supposed to make this post a long time ago, actually in the beta period of Visual Studio 2012, like I did with Visual Studio 2010 in my blog, unfortunately I was held up with other stuff, personal and work related. This post remained as partially completed in my drafts for a long time which I took and finished.

Note: This post talks about the Visual Studio 2012’s IDE new features. All non-IDE features, new language features, .net framework 4.5 features, new type of app development support like Windows 8 metro app development and specific code editor enhancements will be discussed in future articles. 

So with that in mind, here are the new features of Visual Studio 2012’s IDE..  

Dark Color Theme for code editor and IDE windows

Visual Studio 2012 provides out of the box option to have a White on Black color scheme, Dark AKA White on Black color schemes have become choice of many developers as many have realized that they are easy on the eyes.

VisualStudio2012-DarkTheme-OptionsDialog

Dark Theme (click to enlarge)

Visual Studio 2012 DarkTheme

 

Light Theme (click to enlarge)

Visual Studio 2012 LightTheme

 

Quick Launch – search the Visual Studio commands/menu options you need and locate it quickly

Seems Visual Studio has more than a whopping 4000 commands, apart from the frequently used commands, it wouldn’t be practical to remember most of the commands, hence Visual Studio 2012 has a cool feature called Quick Launch - Ctrl+Q located in the top right corner in the Visual Studio 2012 IDE as shown below.

Visual Studio 2012-QuickLaunch

You can start typing few letters of the command you are looking for and Quick Launch will provide auto-suggest with commands that starts with the letters you have typed.

Visual Studio 2012-QuickLaunch2

It also shows the shortcut keys for each command which is pretty neat.

Visual Studio 2012-QuickLaunch1

You can also use the Quick Launch command-category shortcut keywords as listed below to narrow down the command search, ex: “@opt project”.

Visual Studio 2012-QuickLaunch Shortcuts

 

Pin Tabs(files) that you use often to the left side of the Tab-well

This is a feature found in Productivity Power Tools for Visual Studio 2010 this allows you to pin tabs that you want to remain open and easily accessible. When you pin a tab it is stuck to the left most corner of the tab-well.

VisualStudio2012-PinTab

 

Search option in IDE windows

Many of the windows in Visual Studio 2012 will have a search option including Solution Explorer and Toolbox.

VisualStudio2012-Search-in-Windows

 

Find and Replace window changes

A minimalistic approach has been taken in designing the new find window present in Visual Studio 2012. The advantage is that the find window will not hide the code window much. Some may miss the old find window which shows shortcuts to turn on/off options like Match Case, Match whole word, etc. This resembles the search option found in modern browsers.

Visual-Studio-2012-Find

Visual-Studio-2012-Find1

 

Preview Tab

Visual Studio 2012 provides you a preview of a file when you select it in the Solution Explorer. Earlier if you want to examine the file contents of a file, you have to open it and see, if you are trying to locate something (and if you can’t use find command for some reason) then you would have opened a lot of files messing up the workspace with lot of open tabs. Now with this preview tab, when you select a file it is opened and placed in the right corner of the tab-well as shown below and when you select another file the currently selected file’s content is shown in the same preview tab.

If you want to keep the file open in a normal tab instead of showing in the preview tab then you can click the Keep Open icon as shown below.

Visual Studio 2012-Preview Tab

This preview tab feature also gives you another behavior which helps you to keep the IDE clean with only the files you like to keep open. Whenever you are debugging and stepping into your code Visual Studio will open other files when there is a chunk of code that is called by your main program file, and if there are lot of files involved then all of them are opened in the end of your debugging (stepping through) session. Now in Visual Studio 2012, the preview tab is utilized when you step through the code for which another file has to be loaded, once the other file’s statements are completed then the preview tab is automatically closed.

Browser Drop Down

The browser drop down shown below provides a quick way to start your ASP.NET web application on any of the browsers installed on your machine, earlier you’d have to do this via other not-so-quick menu/context menu commands.

Visual Studio 2012-Multi browser Drop Down

 

Create Multiple Solution Explorer Instances

Nowadays, in most solutions you work on, the number of projects present are many, but you work only with few of them depending upon the role you play in the project. Visual Studio 2012 gives you a new feature of creating Solution explorer instances showing only a project or folder containing a set of files when you right click them as shown below.

Visual Studio 2012-Multiple Solution Explorer Windows

Visual Studio 2012-Multiple Solution Explorer Windows-Product Folder

 

Page Inspector

Page inspector is another new feature in Visual Studio 2012, it allows you to examine the html/css of a web page similar to IE Developer Tool Bar or Firefox’s Firebug add-on.

You can inspect a HTML element’s HTML and CSS, make edits and try out how it will look in the browser on the fly.

(click to enlarge)

Visual Studio 2012-Page Inspector

 

IIS Express replaces the ASP.NET Development server

In Visual Studio 2012, IIS Express replaces the ASP.NET Development server, more about IIS Express here

HTML5 & CSS3 support

The Visual Studio 2012 editor supports development of HTML 5 and CSS 3 web sites by providing appropriate intellisense and code snippets, will write a future article about this. 

Unmodified Visual Studio 2010 project files

Visual Studio 2010(SP1) project files are not converted when opened in Visual Studio 2012. So if some of your team members use Visual Studio 2010 and you use Visual Studio 2012 for some reason, then you all can share the same solution/project file without converting to Visual Studio 2012’s project file format. 

Single compact toolbar for common commands

In Visual Studio 2012, a single compact toolbar provides you with enough commands that you frequently use. This provides more screen real estate to show the code editor.

Visual Studio 2010’s toolbar:

Visual Studio-OldToolbarSection

Visual Studio 2012’s new compact toolbar:

Visual Studio 2012-Single Toolbar

 

Code Editor Enhancements

With every release of Visual Studio the code editor is a primary component which will have lot of new features added to it; which will help the developers improve their productivity. Likewise, in Visual Studio 2012 there are good number of new features added to it.

I will post a future article covering significant new features of Visual Studio 2012’s code editor, but I couldn’t resist talking about one exciting new feature that’s available when you edit CSS files in Visual Studio 2012. As shown below you get a color picker when you enter a CSS style element which requires a HTML color code as its value.

Visual Studio 2012-CSS Editor-Color Picker

 

Conclusion

I have listed some of the significant Visual Studio 2012 New Features of IDE, let me know if I missed anything in the comments.

 

Happy Coding !

History 

Version 1: Initial Publishing

License

This article, along with any associated source code and files, is licensed under The Creative Commons Attribution-Share Alike 3.0 Unported License

Share

About the Author

Ashoka RKT
Technical Lead
India India
I am Ashoka (R.K.T.Ashoka), I am a software professional who is passionate about designing and developing software applications. I blog at www.codesmiles.com, I will be writing about .Net & programming.
Follow on   Twitter   LinkedIn

Comments and Discussions

 
QuestionThe Programmer - Programmers Newspaper PinmemberMarla Sukesh12-Sep-13 7:46 
GeneralMy vote of 4 Pinmemberrc8999416-Jun-13 8:31 
GeneralRe: My vote of 4 PinprofessionalRKT.Ashoka3-Aug-13 20:05 
QuestionPlease upload the images directly to CodeProject. PinadminChris Maunder14-Jun-13 14:41 
AnswerRe: Please upload the images directly to CodeProject. PinprofessionalRKT.Ashoka3-Aug-13 20:04 
GeneralMy vote of 5 PinprofessionalRenju Vinod13-Jun-13 21:44 
GeneralRe: My vote of 5 PinprofessionalRKT.Ashoka3-Aug-13 20:06 
GeneralMy vote of 5 PinmemberThrivikram Hathwar12-Jun-13 1:21 
GeneralRe: My vote of 5 PinprofessionalRKT.Ashoka3-Aug-13 20:07 
GeneralMy vote of 5 PinmemberBhanuPrasadAkula13-May-13 19:03 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka13-May-13 22:56 
GeneralMy vote of 5 PinprofessionalMonjurul Habib11-May-13 12:19 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka11-May-13 18:16 
GeneralMy vote of 5 Pinmemberlearner'sbug7-May-13 8:21 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka8-May-13 2:09 
GeneralMy vote of 5 PinmemberMember 77210556-May-13 14:23 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka6-May-13 17:04 
GeneralMy vote of 5 Pinmemberjd266-May-13 5:46 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka6-May-13 9:56 
GeneralMy vote of 3 PinmemberKamarajub5-May-13 19:47 
GeneralRe: My vote of 3 PinmemberRKT.Ashoka6-May-13 1:18 
GeneralMy vote of 5 Pinmemberyenkay3-May-13 20:15 
GeneralMy vote of 1 PinmemberMaster.Man19803-May-13 8:50 
GeneralMy vote of 5 PinmemberJayanta Chatterjee3-May-13 6:05 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka6-May-13 1:17 
QuestionA kind of plagiarize PinmemberMaster.Man19803-May-13 4:56 
AnswerRe: A kind of plagiarize [modified] PinmemberRKT.Ashoka3-May-13 8:19 
AnswerRe: A kind of plagiarize Pinmember GeekBond 11-May-13 12:13 
GeneralRe: A kind of plagiarize PinmemberRKT.Ashoka11-May-13 18:17 
AnswerRe: A kind of plagiarize PinmemberEllen_South_Africa21-Oct-13 23:18 
GeneralRe: A kind of plagiarize PinmemberAshoka RKT22-Oct-13 4:44 
GeneralMy vote of 5 PinmemberRyan Pringnitz2-May-13 19:16 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka3-May-13 8:22 
GeneralMy vote of 5 PinmentorTom Clement1-May-13 4:33 
GeneralRe: My vote of 5 PinmemberRKT.Ashoka1-May-13 5:31 
GeneralMy vote of 4 [modified] PinmemberGregoryW1-May-13 3:42 
GeneralRe: My vote of 4 PinmemberRKT.Ashoka1-May-13 5:31 

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

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

| Advertise | Privacy | Mobile
Web01 | 2.8.141029.1 | Last Updated 1 May 2013
Article Copyright 2013 by Ashoka RKT
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid