What’s New in Visual Studio

Keith LopezSenior SharePoint DeveloperEmail: klopez@icct.comBlog: sharepointkeith.wordpress.com Twitter: @keithlopez80LinkedIn: linkedin.com/pub/keith-lopez/12/684/621

Bio

• Husband, Father, Technologist (aka Geek)

• VB6, Classic ASP, ASP.NET, SharePoint 2003 Admin, SP2007 dev (WSPBuilder, Manifest.ddf), SP2010 dev

• Attend local SharePoint events.

• Movies, music, sports.

© 2013, Information Control Company2

Agenda

IDE and Code Editor Enhancements

Browser Link Dashboard

Enhanced Scrollbar

CodeLens

Peek Definition

CodeMap

© 2013, Information Control Company3

Compare editions

• http://www.microsoft.com/visualstudio/eng/products/compare

© 2013, Information Control Company4

Express Products

© 2013, Information Control Company5

Installing VS2013

• May get an error while creating ASP.NET Web Forms in Visual Studio 2013.

• Install Nuget Package Manager for VS2013.

© 2013, Information Control Company6

IDE Enhancements

• Sign In (stores & synchronizes your settings in the

cloud)

© 2013, Information Control Company7

• Feedback

• Notification Center

• Options Dialog

• .NET Framework 4.5.1

• Visual Studio Search.

• Search in ‘Options Dialog’

© 2013, Information Control Company8

New Project/Web Site Dialog

© 2013, Information Control Company9

Code Editor

• Comment/Uncomment Icons

• HTML5 – Snippets: html5, audio, video (press tab).

– Inline CSS color editor, eye dropper.

– & (e.g. © for copyright)

• CSS– transform (press tab). transform: rotate(45deg);

– transition: transform .5s;

– @media (press tab tab)

– @font-face (press tab tab)

– Bootstrap.js and modernizr.js added by default to Web Forms.

• Page Inspector

© 2013, Information Control Company10

Browser Link Dashboard

• For Web Developers to see changes in html or css made in code, in multiple opened browsers.

• Visual Studio creates a SignalR bridge in your web page, under the hood.

© 2013, Information Control Company11

Enhanced Scroll Bar

• Enhanced Scroll Bar has 2 modes - Bar Mode & Map Mode– In bar mode, you can view annotations such as your caret position, change your location

& track errors more directly.

– In map mode, the scroll bar shows a live preview of source code as well as ability to hover over code to preview it in more detail.

• Yellow – file not saved. Green – file saved. Red- errors in file.

© 2013, Information Control Company12

CodeLens

• Decorator or Header above classes and properties

• It shows in a popup window above the class or method.

• It shows metadata about the class or method like who last modified the method, when was it last modified, which calls are made by and to the method.

• Only available in VS Ultimate Edition.

© 2013, Information Control Company13

CodeLens Indicators

• References Indicator– Displays number of times the class, method or property is referenced in the code.

• Tested By Indicator– Displays number of automated code tests that call the member. And the number of tests that have

recently passed.

• Test Status Indicator– Status of the test – Passed, Failed or Not yet Run.

© 2013, Information Control Company14

CodeLens Indicators

• TFS Indicators – Edit history of the method or property

– Authors

– Changes

– Bugs

– Work Items

– Reviews

© 2013, Information Control Company15

Peek Definition• Add-on to “Go To Definition”. Clicking on “Go to Definition” jumps the focus to another

method and we can loose focus of what we were trying to do.

• “Peek Definition” opens the method code in an inline window in the same code file.

• Press ‘Esc’ to close inline window.

© 2013, Information Control Company16

Code Map

• Allows you to see the flow of your code. You can select any method and view all the calls to that method.

• Code Map is a design surface to view all your methods.

• Only available in VS Ultimate Edition.

© 2013, Information Control Company17

Tabs and Windows

© 2013, Information Control Company18

Extensions

© 2013, Information Control Company19

• Add additional features or enhancements to Visual Studio

• Visual Studio Gallery

Build Configuration

© 2013, Information Control Company20

More info

• VS2013 Highlights

• What’s New in VS2013

• ASP.NET features in New Project Templates in Visual Studio 2013

• Scott Hanselman blog

• Article – What’s new and noteworthy in VS2013

© 2013, Information Control Company21

Q&A

© 2013, Information Control Company22