This post talks about the Visual Studio 2012’s IDE new features.
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.
Dark Theme (click to enlarge)
Light Theme (click to enlarge)
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.
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.
It also shows the shortcut keys for each command which is pretty neat.
You can also use the Quick Launch command-category shortcut keywords as listed below to narrow down the command search, ex: “@opt project”.
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.
Search option in IDE windows
Many of the windows in Visual Studio 2012 will have a search option including Solution Explorer and Toolbox.
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 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.
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.
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.
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)
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 2012’s new compact 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.
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 !
Version 1: Initial Publishing