How to add jQuery intellisense in Visual Studio 2008

Dec 31, 2009 Posted by Lara Kannan
How to add jQuery intellisense in Visual Studio 2008. I will discuss the below items :

  • How to add jQuery intellisense in .aspx page.

  • How to add jQuery intellisense in external javascript file.


Step 1 : Install Visual Studio 2008 Service Pack 1

To see whether you have already installed version of Visual Studio 2008 Service Pack 1.
1. Open Visual Studio 2008. Go to Help--->About Microsoft Visual Studio.

2. About Microsoft Visual Studio window will open.
You may here Version 9.0.30729.1 SP or later version.
If Visual Studio service pack is not installed then your first step is to install it.

Step 2 : Download and install VS2008 SP1 Hotfix to Support "-vsdoc.js" IntelliSense Doc Files

You can get information regarding hot fix in detail on below links
http://blogs.msdn.com/...doc-files-is-now-available.aspx

http://code.msdn.microsoft.com/.../ProjectReleases.aspx?ReleaseId=1736

Step3 : Download the jQuery-vsdoc.js file

Go to http://docs.jquery.com/...#Download_jQuery

You will find different releases of jQuery. The latest release is jQuery 1.3.2.

Click Visual Studio link in front of Documentation tag. You will be redirected to next page. In next page you can found the link for downloading jQuery-vsdoc.js file

Step 4: Rename the downloaded file

After downloading that rename it as follows.

1. Rename jquery-1.3.2-vsdoc2.js into jquery-1.3.2.min-vsdoc.js

2. Rename jquery-1.3.2.js into jquery-1.3.2.min.js



How to add jQuery intellisense in .aspx page.

In the .aspx page, add the reference jquery-1.3.2.min.js file into .aspx page. Here I have my script file under scirpts folder.

 <script src="scirpts/jquery-1.3.2.min.js" type="text/javascript"> </script> 

Now press CTRL+ SHIFT+J to update the Jscript intellisense or Go to Edit ---> IntelliSense ---> Update Jscript Intellisense. You will see Update JScript Intellisense message in the status bar.

That's all. Now you can test that your jQuery intellisense has started working.



How to add jQuery Intellisense in External javascript file

1. Add the reference of jQuery file at the top of My.js file
/// <reference path = "jquery-1.3.2.min.js" /> 

2. Now press CTRL+ SHIFT+J to update the Jscript intellisense or Go to
Edit ---> IntelliSense ---> Update Jscript Intellisense.

That's all. Make your light weight web application by using jQuery.

Hope this will be helpfull.

Share
Labels: ,

Post a Comment