New Features in VS 2013 for Web Developers

Let's discuss some of the amazing enhancements and new features of VS 2013 (RC) in general and mostly related to web technologies.

  • VS IDE Changes
     
    • Feedback Icon
    • Notification symbol
    • Sign In option to save your profile
    • Tools->Options is now searchable and resizable
       
  •  Productivity Improvements
     
    • Enhanced Scroll Bar
    • Auto Brace Completion
    • Move the code by ALT + UP/Down Aero key
    • Peek Definition
       
  • ASP.NET Enhancements
     
    • Browsers Link (Bi-direction connection between VS and browser using Signal-R)
    • Signal-R internally uses Web Sockets(HTML 5 API) when it's available of Injects through java script.
    • Browsers Link Dashboard to manage tasks.
    • Unused CSS can be identified using Snapshot CSS USES option in browser link
       
  • Java Script Editor Changes
     
    • Methods lookup like C# Editor
    • IntelliSense inside JavaScript for CSS/Html
    • Enforce Coding Standard by JSHint (comes with Web Essentials, setting can be modified)
       
  • HTML Editor Changes
     
    • IntelliSense Inside quotes.
    • Auto HTML entities popup when type &
    • Zen Coding supported using Web Essentials
    • Move to HTML using ALT+1 and ALT+2 using Web Essentials
    • Insert parent tags using ALT+SHIFT+W using Web Essentials
    • Improved Smart tags to do regular tasks (e.g. Remove and Keep Children) uniformed across VS using CTRL + .
    • Auto Formatting of tag when inserted in new line using Web Essentials (instead of CTRL+K, CTRL+D.
       
  •  CSS Editor Changes
     
    • IntelliSense for CSS Ids inside file.
    • IntelliSense for Class name inside file
    • IntelliSense for html elements across project
I have explored these features by downloading Visual Studio 2013 (RC). You can also try the same by downloading from below link:
 
 
You can also download Web Essentials from below link.
 
 
Ebook Download
View all
Learn
View all