What's new in visual studio 2013
Download as PPTX, PDF0 likes1,019 views
The document discusses new features in Visual Studio 2013 including IDE and code editor enhancements such as Browser Link Dashboard, enhanced scrollbar, CodeLens, and Peek Definition. It describes these features such as Browser Link Dashboard allowing developers to see HTML/CSS changes across multiple browsers, and CodeLens displaying metadata about classes and methods like last modification date. The document also mentions other VS2013 features like Code Map, extensions, and build configurations.
What's new in visual studio 2013
- 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
- 4. Compare editions • 4 http://www.microsoft.com/visualstudio/eng/products/compare © 2013, Information Control Company
- 5. Express Products 5 © 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
- 7. IDE Enhancements • 7 Sign In (stores & synchronizes your settings in the cloud) © 2013, Information Control Company
- 8. • • • • • • 8 Feedback Notification Center Options Dialog .NET Framework 4.5.1 Visual Studio Search. Search in ‘Options Dialog’ © 2013, Information Control Company
- 9. New Project/Web Site Dialog 9 © 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
- 18. Tabs and Windows 18 © 2013, Information Control Company
- 19. Extensions • Add additional features or enhancements to Visual Studio • Visual Studio Gallery 19 © 2013, Information Control Company
- 20. Build Configuration 20 © 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
- 22. Q&A 22 © 2013, Information Control Company