AngularJS : Intellisense In Visual Studio 2012

If you are learning AngularJs using Visual Studio or you have better idea of using visual studio while working with AngularJs. So, for faster web development and error free code it is better to have an AngularJs intellisense for your visual studio html editor. But there is no extensibility for providing additional HTML attribute Intellisense .

Hence in this post we will learn to add AngularJS Intellinsese in Visual Studio 2012.

Basic software requirement is installed Visual Studio 2012. This procedure is most probably used for visual studio 2012 only.

Step 1 :

Go to the drive where you have installed Microsoft Visual Studio. Let us consider that you have installed visual studio in C: drive. So go to the following path :

C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\Packages\schemas\html

Step 2 :

Find the file commonHTML5Types.xsd located in that folder (this file found if you are using visual studio 2012 or greater version only).

Step 3 :

Take the backup of commonHTML5Types.xsd file, so that it will be useful in other cases like if you fail to add intellisense in visual studio.

Step 4 :

Download this new version of commonHTML5Types.xsd and replace the existing one with this latest one. Make sure you have already taken backup of that file.

Step 5 :

If you have already opened Visual Studio then restart it otherwise only open visual studio and that's it.

Now, you have all the ng-* attributes available in Intellisense.

Conclusion :

I hope that this article would have helped you in adding AngularJS Intellisense in Visual Studio 2012. Please share your knowledge if you know more about this. Your feedback and constructive contributions are always welcome.