Javascript 如何在webstorm中使用angular js

我创建了一个新项目，并在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

的文件并试图编写一些有角度的js代码时，自动完成根本不起作用

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

早些时候，我尝试创建一个简单的项目，而不是AngularJS项目，但仍然存在自动完成的问题。详情见本帖：

更新：

多亏了Daniel，现在bower组件的问题解决了。但是当我尝试为code

webstorm.controller

执行操作时，自动完成仍然不起作用，请参见下面的屏幕截图，如何解决此问题

---

标准角度方法完成目前不起作用，请按照更新进行操作

您运行“bower安装”了吗？@deceze，两者都是不同的项目。一个是简单的空白项目，另一个是angular js项目。@daniel，你能告诉我如何安装它吗？我对webstorm和angular js都是新手。您需要下载npm包管理器附带的node.js。然后您需要通过安装bower。npm，然后运行bower install1。安装节点（），2。运行“npm安装-g bower”，3。在项目目录4中运行“npm安装”。在您的项目目录中运行“bower install”谢谢lena，我想我的配置有问题，我将跟踪该错误，看看它何时得到修复。