如何在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>

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

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

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

更新：

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

Answer 1

标准 Angular 方法完成当前不起作用，请按照 WEB-14134 进行更新

如何在webstorm中使用angular js

How to use angular js with webstorm

javascript

webstorm

angularjs