AngularJS Visual Studio 2012 Intellisense

Currently i’m working on a project to move an existing Silverlight application into AngularJS and there is one thing I’ve been missing while using Visual Studio that I had using Webstorm and that is syntax highlighting and auto-completion of angular directives.

I’ve made additions to the HTML 5 schema template in visual studio to get this working with Intellisense.

You can get the code from https://github.com/refactorthis/angularjs-visualstudio

And simply extract to ‘Common7\Packages\schemas\html’ in your Visual Studio install directory. For me that’s “C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\Packages\schemas\html”.

Overwrite the existing files and restart visual studio.

You should now have intellisense support for angular directives!

Advertisements

Jquery Visual Studio 2010 Intellisense in Javascript (JS) file

Hey guys,
Just a little trick I came along today, If you’re after Jquery Intellisense in your js file your going to need the jquery-x.x.x-vsdoc.js file which comes with the jquery package.

Simply add this to the top of your JS file

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

Then Ctrl+Shift+J will reset Intellisense for javascript. Now ctrl+space and you should get the usual intellisense.

You should automatically get the intellisense in your aspx file (for script tags) if referencing your normal jquery file (and the vsdoc file is in the same directory as that reference) as automatic support for that is inbuilt.

Cheers!