angularjs - 为什么 AngularJS 指令(属性等)在 WebStorm 8 中显示为 "invalid"？

Question

几个小时前我刚刚安装了 WebStorm 8。我一直在写一些 AngularJS 的东西，我有一个相当烦人的小问题。 AngularJS 插件似乎可以部分工作，每当我键入 ng- 时，我都会看到一个智能感知弹出窗口，其中显示了所有各种 ng-* 属性。然而，这就是事情停止工作的地方。我似乎没有在 .js 文件或 .html 文件中获得更高级的智能感知功能。如果我在 app.js 中创建一个名为“app”的 Angular 模块，那么当我键入 ng-app= 时“app”不会出现在 HTML 文件中。此外，WebStorm 在编辑 html 文件时将所有 ng-* 属性突出显示为无效 html。其他 angularjs 功能似乎也不起作用。例如，我在绑定(bind)中没有任何智能感知。

我在这里找到了一些关于 SO 的主题，表明我可能需要在项目设置中将 AngularJS 添加为 JavaScript 库......但是关于如何正确执行此操作的说明为零。 SO 上的主题非常简短，并且链接到 WebStorm 文档，该文档非常笼统，没有任何细节。究竟如何将 AngularJS 设置为 WebStorm 中的 JS 库？这真的有必要吗？

我应该注意到 AngularJS 确实作为插件出现在 WebStorm 的设置中，并且它已被选中。我基本上只有 ng-* 属性 intellisense，但我没有得到 WebStorm 8 应该附带的其他 AngularJS 增强支持。我已经完全安装和卸载了 webstorm 几次。真的不知道从这里去哪里......

Answer 1

要将 Angular JS 添加为项目库，请访问

Preferences > Project Settings > JavaScript > Libraries > Add

然后选择 Angular 目录来添加它。

我在 Mac 上，但 Windows 应该大致相似。

你也可以做

ctrl/cmd + shift + a

(去任何地方)并键入库以到达同一个地方。

注意:我在我的主 html 文件中通过 https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js 引用了 Angular。并且它可以在不将其添加为库的情况下工作。

编辑:

来自 Webstorm 博客:如果您更喜欢使用 CDN，请将光标放在突出显示的库名称上，按 Alt+Enter，然后下载库。这将在 WebStorm 的缓存中(不在您的项目中)设置一个本地库，以便 WebStorm 可以访问 AngularJS 方法、指令等以进行自动完成和文档查找。