Visual Studio 小技巧 : (一) jQuery IntelliSense 設定與使用小技巧

Visual Studio 小技巧 : (一) jQuery IntelliSense 設定與使用小技巧

在使用jQuery時,VS2008有提供整合jQuery IntelliSense,
這樣在寫jQuery時更簡單容易,

設定的方式如下:

  1. 安裝VS2008 sp1  (已經安裝過就可以跳過此步驟)
  2. 安裝 hotfix 讓VS2008 可以自動去讀取 “-vsdoc.js”來提供Javascript Lib 的 InterlliSense
  3. 下載 jQuery-1.3.2.min.js 以及 jQuery-1.3.2-vsdoc2.js
  4. 將 jQuery-1.3.2.min.js 重新命名為 jQuery-1.3.2.js 
  5. 將 jQuery-1.3.2-vsdoc2.js 重新命名為 jQuery-1.3.2-vsdoc.js
  6. 將 jQuery-1.3.2.js  以及 jQuery-1.3.2-vsdoc.js 加入到專案裡
  7. 在vs2008編輯Javascript時,點選 "編輯”/“IntelliSense”/”更新JScript IntelliSense” 



    結果 左下角顯示  " 更新JScript IntelliSense 時發生錯誤,請參閱錯誤清單”
    錯誤內容為 "'div.childNodes' 是 null 或不是一個物件"
  8. 請打開 jQuery-1.3.2-vsdoc.js  
    將其中一段
    elem = jQuery.makeArray( div.childNodes );
    替換成
    if (div && div.childNodes) elem = jQuery.makeArray( div.childNodes );
  9. 再重新 點選 "編輯”/“IntelliSense”/”更新JScript IntelliSense”
  10. 完工 

 

補充: 步驟2 的hotfix 可以選擇性安裝,如果沒有安裝的話,必須自己在頁面加上  "<script src="Js/jquery-1.3.2-vsdoc.js" type="text/javascript"></script>" ,
                     有安裝hotfix的話vs2008會自動去讀取相同檔名,但是後面帶有-vsdoc的檔案產生IntelliSense內容,
                     建議是安裝,這樣就不用每次使用都要加上 -vsdoc.js

 

另外分享幾個小技巧 
如果要在 js檔 裡面使用 IntelliSense 的話,可以加上這行


/// <reference path="~/js/jquery-1.3.2.js" />

如果要在 MasterPage 或是 使用者控制項(User Control) ,使用 IntelliSense ,又怕跟主頁面重複一直呼叫 js 檔,可以利用這方法


<%if(false){%><script src="js/jquery-1.3.2.js" type="text/javascript"></script><%}%>

這樣就可以在設計階段有 IntelliSense ,在執行階段時又不會被輸出到頁面




 


 

  • 如果您覺得這篇文章有幫助,請您幫忙推薦一下或按上方的""給予支持,非常感激
  • 歡迎轉載,但請註明出處
  • 文章內容多是自己找資料學習到的心得,如有不詳盡或錯誤的地方,請多多指教,謝謝