Visual Studio 2012 JavaScript Updates

Visual Studio 2012 RC is out and it brings quit a few changes, especially for developing JavaScript.


JavaScript Object Definition

Visual Studio 2012 finally adds in the ability of going to an object’s definition just like when coding in C#.  You can do this by either by right clicking the object or by pressing F12.

vs2012_javascript_object_definition


External JavaScript Intellisense Support

With previous versions of Visual Studio in order to get Intellisense to work with external JavaScript files  you had to add a reference path to a vsdoc file (which usually wouldn’t work without rebuilding Intellisense using ctrl + shift + J):

///<reference path="jquery-1.6.4-vsdoc.js" />

In Visual Studio 2012 after the script is added, Intellisense will work with nothing extra needed:

vs2012_jQuery_intellisense


JavaScript Function Documentation

Documentation is something that is usually missing from JavaScript source files. There is now built in support for signatures within JavaScript functions. There can also be multiple signatures for overloading.

Calling Function With Documentation Comments:

    function getTax(rate, amount) {
        ///<signature>
        ///<summary>Get Calculated Tax</summary>
        ///<param name="rate" type="number">Tax Rate</param>
        ///<param name="amount" type="number">Money Amount</param>
        ///</signature>
        return rate * amount;
    }

vs2012_javascript_withdoc


It seems Visual Studio is now treating Javascript like an actual supported language.


4 thoughts on “Visual Studio 2012 JavaScript Updates

  1. Pingback: Friday Links #206 | Blue Onion Software *

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>