1. What’s New in Visual Studio
Keith Lopez
Senior SharePoint Developer
Blog: sharepointkeith.wordpress.com
Twitter: @keithlopez80
LinkedIn: linkedin.com/pub/keith-lopez/12/684/621

2. About Me Husband, Father, Technologist (aka Geek)
VB6, Classic ASP, ASP.NET, SharePoint 2003 Admin, SP2007 dev (WSPBuilder, Manifest.ddf), SP2010 dev
Attend local SharePoint events.
Love the Buckeyes
© 2013, Information Control Company

3. Agenda Editions of Visual Studio New IDE Features
New in HTML5, CSS3, ASP.NET
Code Editor Improvements
Debugging features
Q&A
© 2013, Information Control Company

4. Compare editions
© 2013, Information Control Company

5. Express Products
© 2013, Information Control Company

6. IDE Enhancements Sign In (stores your settings in the cloud) Feedback
Notification Center
Options Dialog
© 2013, Information Control Company

7. Code Editor Comment/Uncomment Icons HTML5 CSS Browser Link Dashboard
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)
Browser Link Dashboard
Page Inspector
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.
© 2013, Information Control Company

8. CodeLens
Decorator or Header above classes and properties showing information like
References Indicator
Tested By Indicator
Test Status Indicator
TFS Indicators
Only available in VS Ultimate Edition.
© 2013, Information Control Company

9. CodeLens Indicators References Indicator Tested By 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 Company

10. CodeLens Indicators TFS Indicators
Edit history of the method or property
Authors
Changes
Bugs
Work Items
Reviews
© 2013, Information Control Company

11. 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.
© 2013, Information Control Company

12. 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 Company

13. Tabs and Windows
© 2013, Information Control Company

14. Extensions Add additional features or enhancements to Visual Studio
Visual Studio Gallery
© 2013, Information Control Company

15. Build Configuration
© 2013, Information Control Company

16. 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 noteworhy in VS2013
© 2013, Information Control Company

17. Q&A
© 2013, Information Control Company