More Related Content Similar to What's new in visual studio 2013 Similar to What's new in visual studio 2013 (20) 1. What’s New in Visual Studio
Keith Lopez
Senior SharePoint Developer
Email:
Blog:
Twitter:
LinkedIn:
klopez@icct.com
sharepointkeith.wordpress.com
@keithlopez80
linkedin.com/pub/keith-lopez/12/684/621
2. Bio
•
•
•
•
2
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 Company
3. Agenda
IDE and Code Editor Enhancements
Browser Link Dashboard
Enhanced Scrollbar
CodeLens
Peek Definition
CodeMap
3
© 2013, Information Control Company
6. Installing VS2013
• May get an error while creating ASP.NET Web Forms in Visual Studio 2013.
• Install Nuget Package Manager for VS2013.
6
© 2013, Information Control Company
10. 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
10
© 2013, Information Control Company
11. Browser Link Dashboard
•
•
11
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 Company
12. 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.
12
© 2013, Information Control Company
13. CodeLens
•
•
•
•
13
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 Company
14. CodeLens Indicators
•
References Indicator
–
•
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
–
14
Displays number of times the class, method or property is referenced in the code.
Status of the test – Passed, Failed or Not yet Run.
© 2013, Information Control Company
15. CodeLens Indicators
• TFS Indicators
–
–
–
–
–
–
15
Edit history of the method or property
Authors
Changes
Bugs
Work Items
Reviews
© 2013, Information Control Company
16. Peek Definition
•
•
•
16
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 Company
17. 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.
17
© 2013, Information Control Company
19. Extensions
• Add additional features or enhancements to Visual Studio
• Visual Studio Gallery
19
© 2013, Information Control Company
21. 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
21
© 2013, Information Control Company
