在 Visual Studio 2013 中使用 JavaScript 的 IntelliSense


原本JavaScript直接在頁面中引用的時候,智能感知會直接根據js文件的內容來獲得提示。但是由於在新的ASP.NET中使用了Bundle,js文件不是直接在頁面中引用了,所以智能感知也就出了問題。那么如何在這種情況下恢復js的智能感知呢?

1、查看智能感知的設置

其實html的dom對象也沒有任何引用,為什么智能感知里就會有呢?原因就在這里:

QQ截圖20131203111853

這里是js智能感知的公共引用文件,這里引用的js會默認被所有用到js的地方感知。因為現在說的是網站,所以就看Web這一項了,還有其它的組合用於其它js開發,比如Windows 8應用神馬的。。

然后這里重點就是最下面的一條:~/Scripts/_references.js,這個就是默認的自定義公共js智能感知引用文件

2、建立_references.js

在項目中的Scripts文件夾下建立相應的_references.js文件(如果沒有的話)

QQ截圖20131203114344

其實如果沒有這個文件,默認情況下平時應該會看到錯誤提示:未找到引用的文件“~/Scripts/_references.js”。

QQ截圖20131203114603

我也是根據這個錯誤提示在網上了解到的這個文件的作用。

3、添加js引用

剩下的就簡單了,打開_references.js文件進行編輯,需要什么js文件的感知,就從右側的解決方案資源管理器中往里拖就好了。

QQ截圖20131203133120

4、自動同步JavaScript引用(有問題)

在_references.js文件上的右鍵菜單中或者在編輯器的右鍵菜單中,會發現這個js文件比其它js文件多出了兩個選項

QQ截圖20131203133514

“更新JavaScript引用”可以將項目中的所有js文件全部自動引用到_references.js中,“自動同步JavaScript引用”其實就是在項目的js文件發生變化(重命名、移動、添加、刪除)時,自動執行“更新JavaScript引用”

但是這個“更新JavaScript引用”有個問題就是會把項目文件夾下所有的js文件都引用進來,但是很多不想要的也同時被添加進來了,不知道有沒有好的解決辦法。所以目前如果想部分引用js文件的話,還是手動操作吧。。。

參考資料:

1、http://madskristensen.net.web7.reliabledomainspace.com/post/auto-sync-javascript-intellisense-in-vs2013-rc(內有視頻需翻牆)

2、http://www.cnblogs.com/suchso/p/VisualStudio2012JqueryJavascriptIntellisenseSet.html(圖片貌似已失效)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM