AngularJS 的自动完成功能在 PhpStorm / WebStorm 中不起作用

Question

我正在尝试解决 PhpStorm 2017.1 中的以下问题：

在模板中，

ng-*

的自动完成功能不起作用，并且 IDE 突出显示

ng-

不允许的属性：

在指令和服务中它不识别

angular.module()

：

（不过它似乎知道“工厂”）

我已经安装了 AngularJS 和 Angular Templates 插件...

...以及下载了角度库：

我还能尝试什么来解决这个问题？

编辑：跟进莉娜的回答：我通过 Bower 包含了 AngularJS。但是 Bower 设置没有显示 Bower 依赖项，尽管 Bower.json 中有很多依赖项：

此外，当单击加号按钮安装新软件包时，我收到此错误：

那么也许这就是问题的根源？在命令行中 Bower 工作正常。

Answer 1

从屏幕截图来看，似乎未启用 AngularJS 支持 - 无法识别内置指令，所有方法都显示为纯文本。 您的项目中（在项目目录中或配置为 JavaScript 库）中是否有

angular.js

文件（调试版本，未缩小/加扰）？通常，让 Angular 指令/方法被识别就足够了。请注意，Typescript 存根（“明确类型”）在这里不起作用，它应该是一个 js 库。请参阅 http://blog.jetbrains.com/webstorm/2014/03/angularjs-workflow-in-webstorm/，“在项目中包含 angular.js”部分。

Answer 2

我的

node_modules

目录被标记为“已排除”。将其更改为“Library root”并安装“angular”：“^1.8.2”可以很好地告诉 IntelliJ 识别这是一个 Angular 项目。