javascript - 如何在 webstorm 中使用 angular js

Question

我创建了新项目并在 webstorm 中选择“Angular JS”作为项目类型。

现在 webstorm 已经为我创建了一个这样的项目:

我添加了 angular.js 作为依赖的 javascript 库。

当我打开 index.html 文件时，它有以下代码:

  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
  -->
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="app.js"></script>
  <script src="view1/view1.js"></script>
  <script src="view2/view2.js"></script>
  <script src="components/version/version.js"></script>
  <script src="components/version/version-directive.js"></script>
  <script src="components/version/interpolate-filter.js"></script>

该代码指的是位于名为 bower_components 的文件夹中的 angular js 文件，但 webstorm 并未自动创建任何此类文件夹。因此，当我创建一个名为 app1.js 的文件并尝试编写一些 Angular js 代码时，自动完成根本不起作用。

在 webstorm 中为 Angular JS 创建项目的正确方法是什么？

早些时候，我尝试创建一个简单的项目而不是 Angular Js 项目，但仍然遇到自动完成问题。详细信息在这篇文章中给出:How to create a simple angular js project in webstorm

更新:

感谢大牛，现在bower组件的问题已经解决了。但是当我尝试为代码 webstorm.controller 做自动完成时仍然没有工作，请看下面的截图，我该如何解决这个问题？

Answer 1

标准 Angular 方法补全目前不起作用，请关注 WEB-14134更新