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

测试项目代码:下载

相关文章
相关标签/搜索