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文件
测试效果:
但是我们平常都会将js代码单独写在js文件中,而不是html文件中,下面测试js文件中实现智能提示。
新建一个app.js文件,演示效果如下:
需要注意的是需要在js文件头部添加引用代码
/// <autosync enabled="true" /> /// <reference path="Scripts/angular.js" /> /// <reference path="Scripts/angular-route.js" />
这样就实现了在VS2013中angular代码智能提示功能
测试项目代码:下载