VS2013中實現angular代碼智能提示


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代碼智能提示功能

測試項目代碼:下載

 

 

 

分類:  angular


免責聲明!

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



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