为什么要使用AngularJS指令(属性等)是否在WebStorm 8中显示为“无效”？

Question

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

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

我要指出的是，AngularJS确实在WebStorm的设置中显示为插件，并且它是选中的。我基本上只有ng-*属性智能感知，但是我没有得到WebStorm 8应该提供的其他AngularJS增强支持。我已经安装和卸载了好几次webstorm。我真的不知道下一步该怎么做。

Answer 1

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

Preferences > Project Settings > JavaScript > Libraries > Add

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

我用的是Mac，但windows应该大致相似。

你也可以这样做

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方法、指令等进行自动补全和文档查找。

Answer 2

还要确保您拥有jebrains AngularJS插件

Answer 3

你是否正在从你的超文本标记语言中的CDN中引用AngularJS？如果是这样，只需下载angular并在HTML中引用本地副本即可。然后，角度特征应该开始工作。或者，我认为你可以在html中点击angular CDN的路径，按Alt+Enter键，然后选择类似于download library的东西。