【发布时间】: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