Thursday, April 17, 2014

AngularJS Intellisense in Visual Studio 2012

There is no extensibility for providing additional HTML attribute Intellisense

image
But there are 2 options hwo yo ucan enable it:

OPTION 1 if you don't use Resharper(taken from)

Step 1

Find the file commonHTML5Types.xsd located in the Visual Studio install directory and back it up (just in case). Mine is here: C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\Packages\schemas\html

Step 2

Download this new version of commonHTML5Types.xsd and replace the existing one from the directory in Step 1 with it.

Step 3

Restart Visual Studio and that's it. You now have all the ng-* attributes available in Intellisense. This Works On My Machinetm, so please let me know if it works on yours too.
I still want to add native support in either Visual Studio or Web Essentials, so if this is something you’re interested in, please vote for it here.

OPTION 2

Use resharper-angularjs

You can get it from here - https://github.com/JetBrains/resharper-angularjs


You can install directly into ReSharper 8.0 via the Extension Manager in the ReSharper menu. Since the package is currently pre-release for 8.0 (nightly builds might introduce breaking changes), make sure "Include prerelease" is selected in the dialog.
To install in ReSharper 7.1: