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:

2 comments:

Raju Kumar said...

Excellent information with unique content and it is very useful to know about the information based on blogs.this is valuable information for learners.thanks
Angularjs Training In Hyderabad

Anuj Singh said...

The blog was absolutely fantastic! Lot of great information which can be helpful in some or the other way. Keep updating the blog, looking forward for more contents...Great job, keep it up..
Hire angularjs developers