【问题标题】:How to use angular js with webstorm如何在 webstorm 中使用 angular js
【发布时间】:2016-02-21 11:47:46
【问题描述】:

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

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

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

更新:

感谢 Daniel,现在凉亭组件的问题已经解决。但是当我尝试为代码webstorm.controller做时,自动完成仍然不起作用,请看下面的截图,我该如何解决这个问题?

【问题讨论】:

  • 你运行过'bower install'吗?
  • @deceze,两者都是不同的项目。一个创建为一个简单的空白项目,另一个创建为 Angular js 项目。
  • @daniel,你能告诉我如何安装它吗?我是 webstorm 和 angular js 的新手。
  • 需要下载npm包管理器自带的node.js。然后你需要通过安装凉亭。 npm,然后运行 ​​bower install
  • 1.安装节点(nodejs.org/en/download/package-manager/…),2. 运行“npm install -g bower”,3. 在项目目录中运行“npm install” 4. 在项目目录中运行“bower install”

标签: javascript angularjs webstorm


【解决方案1】:

标准 Angular 方法完成目前不起作用,请关注 WEB-14134 以获取更新

【讨论】:

  • 谢谢 lena,我在想我的配置有问题,我会跟踪 bug 看看什么时候修复。
猜你喜欢
  • 1970-01-01
  • 2017-06-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多