如何使用带有webstorm的角度js

Question

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

现在，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的文件夹中存在的角度js文件，但是webstorm没有自动创建任何此类文件夹。因此，当我创建一个名为app1.js的文件并尝试编写一些角度js代码时，自动完成功能根本不起作用。

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

之前我尝试过创建一个简单的项目而不是Angular Js项目，但仍然遇到自动完成问题。详情见本帖：How to create a simple angular js project in webstorm

更新

感谢Daniel，现在解决了凉亭组件问题。但是当我尝试代码webstorm.controller时，自动完成仍无效，请参阅下面的屏幕截图，我该如何解决此问题？

Answer 1

标准角度方法完成目前无效，请关注WEB-14134了解更新