what's new in visual studio 2013
TRANSCRIPT
![Page 1: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/1.jpg)
What’s New in Visual Studio
Keith LopezSenior SharePoint DeveloperEmail: [email protected]: sharepointkeith.wordpress.com Twitter: @keithlopez80LinkedIn: linkedin.com/pub/keith-lopez/12/684/621
![Page 2: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/2.jpg)
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
![Page 3: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/3.jpg)
Agenda
IDE and Code Editor Enhancements
Browser Link Dashboard
Enhanced Scrollbar
CodeLens
Peek Definition
CodeMap
© 2013, Information Control Company3
![Page 4: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/4.jpg)
Compare editions
• http://www.microsoft.com/visualstudio/eng/products/compare
© 2013, Information Control Company4
![Page 5: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/5.jpg)
Express Products
© 2013, Information Control Company5
![Page 6: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/6.jpg)
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
![Page 7: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/7.jpg)
IDE Enhancements
• Sign In (stores & synchronizes your settings in the
cloud)
© 2013, Information Control Company7
![Page 8: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/8.jpg)
• Feedback
• Notification Center
• Options Dialog
• .NET Framework 4.5.1
• Visual Studio Search.
• Search in ‘Options Dialog’
© 2013, Information Control Company8
![Page 9: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/9.jpg)
New Project/Web Site Dialog
© 2013, Information Control Company9
![Page 10: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/10.jpg)
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
![Page 11: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/11.jpg)
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
![Page 12: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/12.jpg)
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
![Page 13: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/13.jpg)
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
![Page 14: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/14.jpg)
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
![Page 15: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/15.jpg)
CodeLens Indicators
• TFS Indicators – Edit history of the method or property
– Authors
– Changes
– Bugs
– Work Items
– Reviews
© 2013, Information Control Company15
![Page 16: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/16.jpg)
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
![Page 17: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/17.jpg)
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
![Page 18: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/18.jpg)
Tabs and Windows
© 2013, Information Control Company18
![Page 19: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/19.jpg)
Extensions
© 2013, Information Control Company19
• Add additional features or enhancements to Visual Studio
• Visual Studio Gallery
![Page 20: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/20.jpg)
Build Configuration
© 2013, Information Control Company20
![Page 21: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/21.jpg)
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
![Page 22: What's new in visual studio 2013](https://reader033.vdocuments.net/reader033/viewer/2022042715/55980f5c1a28ab311f8b458a/html5/thumbnails/22.jpg)
Q&A
© 2013, Information Control Company22