VS2013中實現angular代碼智能提示

第一步:在項目同添加angular js文件的引用;

這裏使用NuGet包管理器來給項目添加angular js

install-pacage angularjs

第二步:添加智能提示js文件

我們下載 angular.intellisense.js 文件,有兩個選擇:

第一種選擇是我們只想在當前這一個項目中使用angular的智能提示功能,那麼將下載的angular.intellisense.js放到和angular 的js文件相同的/Scripts目錄下。

第二種選擇是,我們想在所有的VS項目中都使用智能提示,那麼我們將 C:\Program Files (x86)\Microsoft Visual Studio 12.0\JavaScript\References 目錄下即可

所有的配置就全部配置好了,下面我們來測試下

新建個index.html 文件,引入angular的js文件

測試效果:

clipboard

但是我們平常都會將js代碼單獨寫在js文件中,而不是html文件中,下面測試js文件中實現智能提示。

新建一個app.js文件,演示效果如下:

clipboard[1]

需要注意的是需要在js文件頭部添加引用代碼

///  <autosync enabled="true" /> 
///  <reference path="Scripts/angular.js" />
///  <reference path="Scripts/angular-route.js" />

這樣就實現了在VS2013中angular代碼智能提示功能


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章