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

5 thoughts on “AngularJS Visual Studio 2012 Intellisense

  1. Nice work, my friend. This is very helpful – thanks for sharing the source! I recall when I used to do SharePoint development full-time (way back in the day) and created the same for jQuery. Now that I’m getting ‘back to my roots’, I’m pleasantly surprised to find this little gem.

  2. Thanks for sharing! My tiny tiny contribution:
    ** I like not to have complaints and green squiggles for unknown HTML5 attributes, so I always use the data-ng-* version of angular attributes. Hence I just cloned the xsd:attribute items inside angularJSDirectives.xsd, obtaining name=”data-ng-app”, name=”data-ng-bind”, and so on
    ** ng-app seems to be listed twice

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s