为什么 AngularJS 指令（属性等）在 WebStorm 8 中显示为“无效”？

Question

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

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

我应该注意到AngularJS确实作为一个插件出现在WebStorm的设置中，而且它被选中了。我基本上只有ng-*属性智能感知，但我没有得到WebStorm 8应该有的其他AngularJS增强支持。我已经安装和卸载了几次webstorm。不确定从这里该何去何从...

Answer 1

你在HTML中引用了CDN中的AngularJS吗？如果是这样，只需下载angular并在HTML中引用本地副本。那么角度特征应该开始工作。或者，我认为你可以在你的html中点击angular CDN的路径，按Alt Enter并选择类似下载库的东西。

Answer 2

还要确保您有jebrains AngularJS插件

Answer 3

要将Angular JS添加为项目库，请转到

Preferences > Project Settings > JavaScript > Libraries > Add

然后选择Angular目录将其添加。

我在苹果电脑上，但窗口应该大致相似。

你也可以

ctrl/cmd + shift + a

（转到任何地方）并键入库以到达同一位置。

注意：我通过https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js在我的主html文件中引用了Angular，它无需将其添加为库即可工作。

编辑：

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