Angular Intellisense VS2015 RTM

时间:2015-07-21 07:24:02

标签: javascript angularjs visual-studio visual-studio-2015

阅读发行说明Angular is supposed to have better intellisense in VS2015

在将VS2015升级到VS2015RTM后,我似乎在Razor视图和js文件中的脚本块中缺少intellisense。

在"提交新的Web应用程序(ASP.NET 5预览模板)"之后,我通过bower.json添加了对Angular的依赖

{
  "name": "ASP.NET",
  "private": true,
  "dependencies": {
    "bootstrap": "3.0.0",
    "bootstrap-touch-carousel": "0.8.0",
    "hammer.js": "2.0.4",
    "jquery": "2.1.4",
    "jquery-validation": "1.11.1",
    "jquery-validation-unobtrusive": "3.2.2",
    "angular": "~1.4.3"
  }
}

我可以看到TaskRunner已成功运行gulp任务并生成了一个lib \ angular文件夹。

enter image description here

我在布局中引用了角度,但我没有智能感知。

enter image description here

我是否需要安装某些内容或是否需要该intellisense文件的手册副本?如果是这样的话,我觉得这不是vs2015 intellisense增强,因为我认为它也可以在VS2013上完成?

更新

我已经复制了附加链接的建议,并将angular.intellisense.js文件放在

  

程序文件(x86)\ Microsoft Visual Studio   的 12.0 \的JavaScript \参考

夹 和

  

程序文件(x86)\ Microsoft Visual Studio   的 14.0 \的JavaScript \参考

文件夹

我现在在VS2013中使用Intellisense,但在VS2015中没有。

还尝试添加

/// <reference path="lib/angular/angular.js />

到_references.js文件,但仍然没有角度intellisense。

1 个答案:

答案 0 :(得分:5)

我安装了&#39; AngularJS.Intellisense&#39; NuGet包,它对我有用。

https://www.nuget.org/packages/AngularJS.Intellisense/

奇怪的是,为什么Microsoft默认情况下没有在RTM版本中添加它。

更新 -

我找到了解决方案 - 我与微软的一位工程师讨论了这个问题,他帮助我解决了这个问题。

您需要做的就是在wwwroot文件夹中添加一个新的JS文件: _references.js

然后在其中你应该以下列格式添加对你正在使用的所有JS文件的引用:

/// <autosync enabled="true" />

/// <reference path="js/main.js" />
/// <reference path="lib/angular/angular.js" />
/// <reference path="lib/angular/index.js" />

或在解决方案资源管理器中 - 右键单击​​_references.js文件并单击:自动同步JavaScript参考,然后单击**更新JavaScript参考**(将自动添加所有解决方案中的参考资料:

_references.js file

之后,您将获得JavaScripts中的角度支持: angular support

BTW - 它适用于所有类型的Web项目 - 只需添加 _references.js 文件,并添加对您正在使用的所有JavaScript库/文件的引用,它将起作用。< / p>

我希望它也能帮助你:)。