VS2013中實現angular代碼智能提示

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

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

install-package angularjsangularjs

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

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

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

第二種選擇是,咱們想在全部的VS項目中都使用智能提示,那麼咱們將angular.intellisense.js文件放到 C:\Program Files (x86)\Microsoft Visual Studio 12.0\JavaScript\References 目錄下便可。spa

那麼全部的配置就所有配置好了,下面咱們來測試下code

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

測試效果:blog

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

測試項目代碼:下載

相關文章
相關標籤/搜索