How to use angular js with webstorm

Question

I created new project and selected "Angular JS" as project type in webstorm.

Now webstorm has created a project for me like this:

I have added angular.js as a dependent javascript library.

When I open the index.html file, it has below code:

  <!-- 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>

The code is referring to angular js files which are present in folder called as bower_components, but the webstorm has not created any such folder automatically. Due to this when I created a file called app1.js and trying to write some angular js code the auto-completion is not working at all.

What is the correct way of creating the projects in webstorm for Angular JS?

Earlier I tried with creating a simple project rather than Angular Js project but still had issue with auto-completion. The details are given in this post : How to create a simple angular js project in webstorm

Update:

Thanks to Daniel, now the issue of bower components is solved. But still the auto-completion is not working when I try to do for code webstorm.controller, please see below screenshot, how can I fix this issue?

@deceze, both are different projects. One is created as a simple blank project and another as angular js project. — Learner
– Learner, Commented Nov 19, 2015 at 11:14
@daniel, can you please tell me how do I install that? I am new to webstorm & angular js both. — Learner
– Learner, Commented Nov 19, 2015 at 11:14
You need to download node.js, which comes with the npm package manager. Then you need to install bower via. npm, then run bower install — dsgriffin
– dsgriffin, Commented Nov 19, 2015 at 11:16
1. Install node (nodejs.org/en/download/package-manager/…), 2. run 'npm install -g bower', 3. run 'npm install' inside your project directory 4. run 'bower install' inside your project directory — dsgriffin
– dsgriffin, Commented Nov 19, 2015 at 11:20

lena · Accepted Answer · 2015-11-19 13:35:55Z

1

Standard Angular methods completion doesn't currently work, please follow WEB-14134 for updates

answered Nov 19, 2015 at 13:35

lena

94.4k11 gold badges155 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Learner Over a year ago

Thanks lena, I was thinking there is some problem with my configuration, I will follow the bug to see when it gets fixed.

Collectives™ on Stack Overflow

How to use angular js with webstorm

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related