编写 CoffeeScript 时如何为 AngularJS 启用 Webstorm 智能感知答案

【问题标题】：How do I enable Webstorm intellisense for AngularJS when writing CoffeeScript编写 CoffeeScript 时如何为 AngularJS 启用 Webstorm 智能感知
【发布时间】：2013-09-23 11:40:09
【问题描述】：

我已经设置了 Webstorm 来识别和编译我的咖啡脚本文件。

我已经安装了 AngularJS 插件，并且可以用普通的旧 javascript 成功地编写我的控制器等。

当我尝试在 CoffeeScript 中编写与角度相关的代码时，我没有得到任何 IDE 支持：代码完成、智能感知等。

如下图所示，angular 变量本身无法识别，这表明一切都不好。

问题：如何在 CoffeeScript 文件中启用对 AngularJS 的支持？

谢谢

【问题讨论】：

标签： angularjs coffeescript webstorm

【解决方案1】：

要解决特定问题 Unresolved variable or type angular，您需要确保 Angular javascript 库已为 Enabled（见下图）。

您可以通过 WebStorm 设置执行此操作：

文件 -> 设置 -> Javascript -> 库

这里是相关帮助部分：Configuring JavaScript Libraries

【讨论】：

这是一篇好文章，因为对于 Webstorm，blog.jetbrains.com/webstorm/2014/03/…，这是在加载库时激活的。这不是真的。
对我来说，这不是解决方案。它确实解决了Unresolved variable or type angular 通知，但我从来没有因此而遇到问题。我的问题在于使用这个.coffee 文件的测试，它仍然在ReferenceError: angular is not defined 上失败

【解决方案2】：

使用 webstorm 10，您将转到首选项窗口，然后从那里选择 Languages & Frameworks > JavaScript > Libraries。然后点击下载按钮，从列表顶部的下拉列表中选择 TypeScript community stubs，找到 angular 并点击下载并安装。

如果您使用 jshint，请务必转到 jshint 设置中找到 Predefined 选项并添加 angular:true 以抑制警告。

【讨论】：

感谢 WS10.0 的指导！一个小的澄清是，有超过 10 个 angular 项目可供下载，并且没有一个被命名为“angular”。下载“angularjs”对我有用。
TypeScript 社区存根的问题是没有 JSDocs，所以如果我 cmd+单击一个函数以转到它的定义，我没有关于如何使用它的文档
是否可以自动使用 bower 和/或 npm 中可用的每个库？

【解决方案3】：

在 WebStorm v.11 中

转到“设置”->“插件”->“浏览存储库”。
搜索并安装“Angular 模板”。
利润

Settings screenshot

【讨论】：