【轉】将 jQuery IntelliSense整合到Visual Studio方法

要在VS中啟用jQuery的intellisense完成，你要遵循三個步驟：

第一步： 安裝VS 2008 SP1

VS 2008 SP1 在Visual Studio中加了更豐富的JavaScript intellisense支援，對很大部分的JavaScript庫加了代碼完成支援。

第二步： 安裝VS 2008 Patch KB958502以支援"-vsdoc.js"Intellisense檔案

2 個星期前，我們釋出了一個更新檔，你可以将其運用到VS 2008 SP1 和 VWD 2008 Express SP1版本上，該更新檔會導緻Visual Studio在一個JavaScript庫被引用時，查找是否存在一個可選的"-vsdoc.js"檔案，如果存在的話，就用它來驅動 JavaScript intellisense引擎。

第三步： 下載下傳jQuery-vsdoc.js檔案

把jquery-vsdoc.js儲存到你項目中jquery.js檔案所在的同一個目錄中（同時确認它的命名字首與jquery檔案名比對）：

然後你可以象這樣，通過一個html <script/>元素來引用标準的jquery檔案：

或者也可以使用<asp:scriptmanager/> 控件來引用它，或者在一個單獨的.js檔案的頂部加 /// <reference/> 注釋來引用它：

在完成之後，VS就會在你引用的腳本檔案所在的同一個目錄中尋找一個-vsdoc.js檔案，如果找到的話，就會用它來做幫助和intellisense。

例如，我們可以使用jQuery來做一個基于JSON的get請求，得到該方法的intellisense（挂在$.之後）：

以及 $.getJSON()方法參數的幫助/intellisense：

如果你在方法調用中嵌套回調函數的話，intellisense依舊會工作。例如，我們也許想對從伺服器傳回的每個JSON對象進行疊代：

對每個項，我們可以執行另一個嵌套的回調函數：

我們可以使用each回調函數動态地往清單中附加一個新圖檔（圖檔的src屬性将指向傳回的JSON媒體圖檔的URL）：

然後在每個動态生成的圖檔上，我們可以連接配接一個點選事件處理函數，在點選時，會通過動畫效果來消失：

注意jQuery intellisense在我們代碼的每一個層次都很幹淨地做了提示。

他 談到的一個訣竅（我要在這裡做示範）是在你想要在使用者控件/部分(.ascx檔案)中使用JavaScript intellisense時可以使用的一個技術。經常地，你不想要在這些檔案中包括對JavaScript庫的<script src=""/> 引用，這些引用往往是存在于使用了使用者控件的母版頁或内容網頁之上的。當然，問題是，你這麼做的話，在預設情形下VS是無法知道使用者控件中用到了這個腳 本，是以不會為你提供intellisense 。

啟用intellisense的一個方法是，在你的使用者控件中加<script src=""/>元素，但在其周圍加一個伺服器端的<% if %> 塊，在運作時其值總是為false：

希望本文對你有所幫助，

Scott

<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程師和設計師必讀精華文章推薦</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15個精美的 HTML5 單頁網站作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35個讓人驚訝的 CSS3 動畫效果示範</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">贊！30個與衆不同的優秀視差滾動效果網站</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25個優秀的國外單頁網站設計作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帥！8個驚豔的 HTML5 和 JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">頂！35個很漂亮的國外 Flash 網站作品欣賞</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34個漂亮網站和應用程式背景管理界面</a>

<a href="http://www.yyyweb.com/go/web" target="_blank">本部落格新站點 ◆ 前端裡 ◆ 歡迎圍觀：）</a>

歡迎任何形式的轉載，但請務必注明出處。