VS2013中实现angular代码智能提示

时间:2023-03-09 19:26:30
VS2013中实现angular代码智能提示

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

这里使用NuGet包管理器来给项目添加angular js

install-package angularjs

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

我们下载 angular.intellisense.js 文件,有两个选择:

第一种选择是我们只想在当前这一个项目中使用angular的智能提示功能,那么将下载的angular.intellisense.js放到和angular 的js文件相同的/Scripts目录下。

第二种选择是,我们想在所有的VS项目中都使用智能提示,那么我们将angular.intellisense.js文件放到 C:\Program Files (x86)\Microsoft Visual Studio 12.0\JavaScript\References 目录下即可。

那么所有的配置就全部配置好了,下面我们来测试下

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

测试效果:

VS2013中实现angular代码智能提示

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

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

VS2013中实现angular代码智能提示

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

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

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

测试项目代码:下载