HTML 5 Intellisense In Visual Studio 2010 and 2008

Someone recently asked me if Visual Studio 2010 supports HTML 5 Intellisense. Well the answer is - not out-of-the-box but there is a tool released by Mikhail Arkhipov (Microsoft) that makes it possible (for both VS 2010 and VS 2008). Follow these steps:

Step 1: Download the HTML 5 Intellisense for Visual Studio 2010 and 2008 tool (HTML5Setup.msi) and install it.

Step 2: After the installation is over, the HTML 5 Intellisense schema gets installed in C:\Program Files\Microsoft Visual Studio 10.0\Common7\Packages\schemas\html.

Note: If Visual Studio 2010 is not installed in it’s default location (C:\Program Files\Microsoft Visual Studio 10.00), then after running the .msi, you will have to manually move the ‘html_5.xsd’ to the location where VS 2010 is installed on your machine, for the intellisense to work properly.

Step 3: Now open VS 2010 > Tools > Options > Text Editor > HTML > Validation and choose HTML 5 as the Target from the DropDown as shown below and click OK:

image

That’s it. Open a page and try out the HTML 5 intellisense as shown here

image

Note: AFAIK, this does not work in Express Editions.

You may also want to look at SVG Intellisense schema for Visual Studio 2010 and 2008



Will you give this article a +1 ? Thanks in advance


About The Author

Suprotim Agarwal
Suprotim Agarwal, ASP.NET Architecture MVP (Microsoft Most Valuable Professional) works as an Architect Consultant and provides consultancy on how to design and develop Web applications.

Suprotim is also the founder and primary contributor to DevCurry, DotNetCurry and SQLServerCurry. He is the Editor of a Developer Magazine called DNC Magazine. He has also written two EBooks 51 Recipes using jQuery with ASP.NET Controls. and The Absolutely Awesome jQuery CookBook

Follow him on twitter @suprotimagarwal

5 comments:

Anonymous said...

Excellent!

What about CSS3?

Anonymous said...

This is sad really. Shouldn't microsoft be able to detect where VS is installed and update where the file is placed? I am sure they have the location in the registry at least 3 times.

Anonymous said...

Thanks.
If VS instance was open, you might want to close and reopen for 'HTML-5' option to appear under Target options.

Suprotim Agarwal said...

Anonymous: Just like HTML 5, CSS3 is not yet final. So I suppose, the VS team 'maybe' targetting it for an SP1 release.

By the way, you can always create your own custom CSS3 intellisense schema. Get some clues here

How to create custom CSS intellisense schema in Visual Studio

Santhosh Kumar said...

Nice work.To improve visitors to your site,you can submit your links in http://codehunts.com