为什么AngularJS指令(属性等)在WebStorm 8中显示为“无效”?

时间:2014-04-09 18:07:58

标签: angularjs intellisense webstorm

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

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

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

4 个答案:

答案 0 :(得分:17)

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

答案 1 :(得分:5)

还要确保你拥有jebrains AngularJS插件

答案 2 :(得分:4)

您是否在HTML中使用CDN来支持AngularJS?如果是这样,只需下载角度并引用HTML中的本地副本。然后角度特征应该开始工作。或者,我认为您只需在html中单击角度CDN的路径,按Alt + Enter并选择类似下载库的内容。

答案 3 :(得分:0)

要在IntelliJ中解决此问题,我下载了角度库。

这些是步骤。

要为您使用的库或框架添加TypeScript定义文件,请转到“首选项”|语言与框架| JavaScript |库 - 单击“下载”并通过键入其名称搜索所需的库,然后再次单击“下载”。