Как использовать угловые js с webstorm

Question

Я создал новый проект и выбрал «Angular JS» в качестве типа проекта в webstorm.

Теперь 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> 

код имеет в виду угловых JS-файлов, которые присутствуют в папке, как bower_components, но WebStorm автоматически не сформировало такую ​​папку , Из-за этого, когда я создал файл с именем app1.js и попытался написать некоторый угловой код js, автозаполнение не работает вообще.

Что такое правильный способ создания проектов в WebStorm для углового JS?

Раньше я пытался создать простой проект, а не проект Angular Js, но все еще имел проблему с автозавершением. Подробности приведены в этой статье: How to create a simple angular js project in webstorm

Update:

Благодаря Даниилу, в настоящее время вопрос о компонентах Бауэр решается. Но все-таки автозаполнение не работает, когда я пытаюсь сделать код webstorm.controller, см. Снимок экрана ниже, как я могу исправить эту проблему?

Answer 1

Стандартные угловые методы завершения в настоящее время не работает, пожалуйста, следуйте WEB-14134 для обновления