F5 Debug…

Building & Debugging the Technology!!!

Archive for the ‘Visual Studio 11’ Category

Exploring Visual Studio 11 IDE – Solution Explorer New Features Part 1

Posted by Karthikeyan Anbarasan on October 18, 2011

Introduction:

As most of you know that Microsoft released the Visual Studio 11 Developers preview in BUILD Conference. In this article we are going to see the list of new features provided in Solution Explorer of Visual Studio IDE. Microsoft takes in to consideration of the most of the frequent requirements by the end users and has provided a rich set of enhancements which helps developers to be more productive in day-to-day work.

Let us see the list of new features of Visual Studio 11 IDE’s solution explorer with a small example of each of the feature.


Enhancement 1 – Collapse All Button

This button is provided to collapse all the folders and documents opened in the tree view of the Solution explorer IDE. This button is available in the earlier version as a plugin. We need to use the 2011-10-18 19h32_36button to unfold the list to explore the folders.

2011-10-18 19h32_36


Enhancement 2 – Image Preview

This enhancement will be very useful for the designer and the developer who do a day-to-day update of their website. We can now preview the image right in the solution explorer itself rather to open and preview it. This enhancement will be more productive by providing the preview to the developer. To use this feature just move the mouse pointer to the image file and we can see the image preview as shown in the screen below.

2011-10-18 19h40_16                             2011-10-18 19h43_10

 

Enhancement 3 – Preview Files

This enhancement is more amazing to see, we can now preview the content file before we open the file and do our changes. The file can be of any type we can simply use it to preview them. In our earlier enhancement we have seen the option to preview the image right in the solution explorer but here to preview a file just click on the file name it will open the file in the left side pane with a small button (Promote) once we are ok with the preview we can simply click the promote button to open the file for making changes. We can see the enhancement how it works out using the below screen’s.

2011-10-18 19h50_17

Now clicking on the promote button will open the file in the edit mode for the developers for their business requirements as shown in the screen below.

2011-10-18 19h52_58

By default this option will not be enabled with the Visual Studio IDE, in order to enable the enhancement we need to Tools –> Options and select the Tabs and Windows menu and mark the changes as shown in the screen below.

2011-10-18 19h55_02

 

 

Enhancement 4 – Integrated Search

This is a killer enhancement by the Microsoft product team, which will be very much productive for the application developers in the enterprise world. We had options earlier to search the whole solution for a particular string or an expression. But with the Visual Studio IDE 11 we have option to search the solution explorer for the list of files available. To use this search feature we can simply click on the Search Solution Explorer or press Control + ; as shown in the screen below.

2011-10-18 20h14_54

Now let us search for the images with image name as logo, just go and type logo and we can see the search result as shown in the screen below.

2011-10-18 20h16_46

 

Enhancement 5 – Renaming Project File

This enhancement is much more enhanced version, we can now select the project files and simply click on it once to directly edit the name of the file alone rather in earlier IDE’s we will be selected with the complete file name including the extensions as shown in the screen below.

2011-10-18 20h28_22

Conclusion:

So in this article we have seen some of the new features/enhancements of the Visual Studio 11 IDE solution explorer. In our next article we will see some more new features to be explored.

Hope this article will be useful and if you like, you can follow me in one of the ways below to get update of posts on the latest technology
Twitter @ http://twitter.com/f5Debug
Facebook Page @ http://www.facebook.com/profile.php?id=100002468858656
Linked In @ http://www.linkedin.com/pub/karthikeyan-anbarasan/1b/78b/9a4
Google + @ https://plus.google.com/117525632086880345410/posts
RSS Feed @ http://feeds.feedburner.com/f5debug/Karthik

Posted in Visual Studio 11 | Tagged: , , , , | Leave a Comment »

Connect to Cloud Team Foundation Server using Visual Studio 11 Developer Studio

Posted by Karthikeyan Anbarasan on September 20, 2011

Introduction:

In this article we are going to see how to connect to the Cloud Team Foundation Server using Visual Studio 11 Developer Preview Version just release by Microsoft in BUILD 2011 Conference.

Overview:

In our earlier articles we have seen how to connect the Cloud Team Foundation Server using Visual Studio 2010 and Visual Studio 11 Test Manager Developer preview version. Connecting Cloud TFS with Visual Studio 11 Developer Preview IDE is similar to the one which we have seen in connecting using Visual Studio 2010 Ultimate version. Here we no need to download the specified Hotfix for the VS2010 SP1 which provides some issues for some real time users.

There is Microsoft MSDN forum where we can see users raising questions on after installing the Hotfix (KB2581206 ) the Visual Studio 2010 crashes or not allowing to create applications. Even i had the same kind of situation suddenly my VS 2010 crashed and each and every time i open the VS 2010 IDE it shows error message and will close down the IDE. Then i came up with installing this Visual Studio 11 Developer Preview version and start connecting to the Team Foundation Server.

Let us see the step by step process on how to connect to the team foundation server using the Visual Studio 11 Developer Preview IDE.

Steps:

Once we registered with the Cloud TFS, we can see nice interface with the list of options as shown in the screen below. Since we already done with the Step 1 and Step 2, now we will move forward and do the step 3 (Downloading the required client software) as shown in the screen below.

2011-09-17 09h56_52

Now before proceeding to the next step, download and install the Visual studio 11 Developer Preview version. Follow my article on Downloading and Installing Visual Studio 11 Developers Preview to see the step by step process on downloading and installing the package. Once the Visual Studio IDE is installed go to Start –> Programs and select Microsoft Visual Studio 11 Developer Preview as shown in the screen below.

2011-09-17 09h59_10

We can see the nice interface of the Visual Studio 11 Developer Preview IDE opened as shown in the screen below.

2011-09-17 09h59_47

Now select File –> open –> Team Project to open the wizard used to connect to the team foundation server as shown in the screen below.

2011-09-17 10h00_27

Clicking on the Open Team Project will open a window as shown in the screen below. This windows is used to select the server and do the necessary steps to connect to the Cloud TFS Server. Now click on Servers button from the Connect to Team Project window as highlighted in the screen below.

2011-09-17 10h02_07

Since we already have our Cloud TFS connected initally using Visual Studio 2010 IDE we can still see the server mapped (Check the post here ). So just select the TFS Name and we can see the collections and projects getting initialized as shown in the screen below.

2011-09-17 10h02_42

Once the loading is completed we can see our Project F5Debug listted in the Team Projects section as highlighted in the screen below.

2011-09-17 10h03_09

Now we can see the Team Explorer opened in the right side menu and we can see the interface changed compared to the Visual Studio 2010 IDE as shown in the screen below.

2011-09-17 10h03_50

Click on the Source Control Explorer will open the details which are downloaded from the Cloud Team Foundation Servers as shown in the screen below.

2011-09-17 10h04_55

Conclusion:

So in this article we have seen the option to connec to the Cloud Team Foundation Server using Visual Studio 11 Developer Preview.

Posted in TFS Cloud, Visual Studio 11 | Tagged: , , , , , , , | Leave a Comment »

Downloading and Installing Visual Studio 11 Developers Preview

Posted by Karthikeyan Anbarasan on September 16, 2011

Introduction:

Microsoft recently launched the Visual Studio 11 Developers Preview in BUILD Conference and its available for download to all as a preview. So here in this article we are going to see how to download and install the Visual Studio 11 developer preview version on a Windows 7 environment.

Steps:

Visual Studio 11 Developers Preview is available as a free download from the MSDN link http://www.microsoft.com/download/en/details.aspx?id=27538 Many new features have been released with this version such as

  • Asynchronous Programming
  • Call Hierarchy
  • .Net for Metro Style Applications
  • Managed Extensibility Framework (MEF)
  • etc..

Visual Studio 11 can be installed in the latest Windows Server 8 or Windows 7 or Windows Server 2008 R2. Let us see the step by step process on installing it on to a windows 7 environment. Once we download the ISO file and extract it using the ISO image extractor we can see a list of files as shown in the screen below.

2011-09-17 00h29_05

From the list of files shown in the above screen, right click on the vs_ultimate application file and click on Run As Administrator. We can see that the Visual Studio 11 installation wizard gets opened with a nice Splash screen as shown in the screen below.

2011-09-17 00h31_08

We can now see the installation wizard opened with requesting for the location to install the Visual Studio 11 Developer preview and some licenses terms and conditions as shown in the screen below. We can just click on the Install button directly to start installing the application or click on Customize your Installation as shown in the screen below.

2011-09-17 00h31_48

Clicking on Customize your Installation will move on to next window with a nice graphical slide out and we can see the list of options to customize it based on our requirement. Since our requirement is to look out with the web development tools just select Web Development Tools check box and click on Install to start the installation as shown in the screen below.

2011-09-17 00h32_49

Now we can see the installation is started and the installation first acquires the list of packages to be installed and then apply the packages to the environment as shown in the screen below.

2011-09-17 00h33_48

Once the required packages are acquired it starts applying the packages one by one in the requisites order as shown in the screen below.

2011-09-17 00h38_39

Initially Visual Studio 11 Developer Preview requires a system reboot, this doesn’t mean that the installation is completed though we need to reboot the system to proceed further. Click on Reboot Now as shown in the screen below to proceed further.

2011-09-17 00h49_32

Once the system gets rebooted the Visual Studio 11 Developer preview installation wizard will start by itself and once again it will start acquiring the required packages as shown in the screen below.

2011-09-17 00h56_38

2011-09-17 00h56_59

Some of the important packaging applying screen shots are shown below which is self understanding.

2011-09-17 00h57_29

2011-09-17 01h07_19

2011-09-17 01h21_31

Once all the packages are installed and the installation is completed we can see the success message as shown in the screen below. So we can see all the specified components are installed successfully. Now click on Launch Now to launch the Visual Studio 11 Developers Preview.

2011-09-17 03h18_39
We can see the Visual Studio 11 Developer Preview version splash screen started as shown in the screen below.

2011-09-17 07h06_19
We can now see a new window(Default Environment Settings) which gets triggered only for the first time after successful installation as shown in the screen below.

2011-09-17 03h21_21
Select General Development Settings and click on Start Visual Studio as shown in the screen below.

2011-09-17 03h21_39
Now we can see the Visual Studio 11 Developers Preview IDE opened as shown in the screen below. We can right away click on the New Project button to see the list of templates available as shown in the screen below.

2011-09-17 07h06_35
Clicking on New Project will open the window as shown in the screen below which has the list of templates based on the language and we can see that it points to .NET Framework 4.5.

2011-09-17 07h07_23
From the Visual Studio 11 Developer Preview IDE, go to help menu and click on About Visual Studio 11 and we can see the expiration date for the developer studio as shown in the screen below.

2011-09-17 08h21_55

 

Conclusion:

So in this article we have seen how to download and install the Visual Studio 11  Developers Preview on to a Windows 7 environment. In our upcoming articles we will see on the new features available with the VS 11.

Posted in Visual Studio 11 | Tagged: , , , , , , , , , | 2 Comments »