为什么AngularJS指令(属性等)在WebStorm 8中显示为"无效"？

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

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

我应该注意到AngularJS确实在WebStorm的设置中显示为一个插件,并且它被检查.我基本上只有ng-*属性intellisense,但我没有得到WebStorm 8附带的其他AngularJS增强支持.我已经完全安装和卸载了webstorm几次.不确定从哪里开始......

要将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方法,指令等,以进行自动完成和文档查找.

还要确保你有jebrains AngularJS插件