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文件

测试效果：

但是我们平常都会将js代码单独写在js文件中，而不是html文件中，下面测试js文件中实现智能提示。

新建一个app.js文件，演示效果如下：

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

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

这样就实现了在VS2013中angular代码智能提示功能

测试项目代码：下载

 

 

 

分类: angular