Почему директивы AngularJS (атрибуты и т.д.) Отображаются как "недопустимые" в WebStorm 8?

Я только что установил WebStorm 8 пару часов назад. Я писал некоторые вещи AngularJS, и у меня есть довольно неприятная небольшая проблема. Плагин AngularJS, похоже, работает частично, всякий раз, когда я печатаю ng-, я получаю всплывающее окно intellisense, которое показывает все различные атрибуты ng- *. Однако, когда вещи перестают работать. Кажется, я не получаю более совершенные возможности intellisense в файлах .js или .html. Если я создаю модуль angular, называемый "app" внутри app.js, тогда "приложение" НЕ отображается, когда я набираю ng-app= в файле HTML. Кроме того, WebStorm выделяет все ng- * атрибуты как недопустимые html при редактировании html файла. Ни одна из других функций angularjs, похоже, не работает. Например, я не использую intellisense в привязках.

Я нашел здесь несколько тем, которые указывают, что мне может понадобиться добавить AngularJS в качестве библиотеки JavaScript в настройках проекта... однако есть инструкции ZERO о том, как это сделать должным образом. Темы на SO очень короткие и ссылки на документацию WebStorm, которая является очень общей, без каких-либо особенностей. Как точно настроить AngularJS как JS-библиотеку в WebStorm? Это действительно необходимо?

Я должен отметить, что AngularJS действительно отображается в настройках WebStorm в качестве плагина, и он проверяется. У меня в основном есть только атрибут ng- * intellisense, но я не получаю ни одной дополнительной поддержки AngularJS, которая должна была появиться с WebStorm 8. Я установил и удалил webstorm полностью пару раз. Не совсем уверен, куда идти отсюда...

Ответ 1

Чтобы добавить Angular JS в качестве библиотеки проекта, перейдите в

Preferences > Project Settings > JavaScript > Libraries > Add

а затем выберите каталог Angular, чтобы добавить его.

Я нахожусь на Mac, но окна должны быть примерно похожими.

Вы также можете сделать

ctrl/cmd + shift + a

(перейдите в любую точку) и введите библиотеки, чтобы попасть в одно и то же место.

Примечание. У меня есть Angular в главном html файле с помощью https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js, и он работает без добавления его в качестве библиотеки.

Edit:

Из блога Webstorm: Если вы предпочитаете использовать CDN, поместите курсор на имя библиотеки подсветки, нажмите Alt + Enter и Загрузите библиотеку. Это создаст локальную библиотеку в кеше WebStorms (а не в вашем проекте), поэтому WebStorm может обращаться к методам, директивам и т.д. AngularJS для автозаполнения и поиска документации.

Ответ 2

Кроме того, убедитесь, что у вас есть плагин jebrains AngularJS

Ответ 3

Вы отказываетесь от AngularJS от CDN в своем HTML? Если это так, просто загрузите angular и укажите местную копию в своем HTML. Затем функции angular должны начать работать. В качестве альтернативы, я думаю, вы можете просто щелкнуть путь к angular CDN в вашем html, нажать Alt + Enter и выбрать что-то вроде библиотеки загрузки.

Ответ 4

Чтобы решить эту проблему в IntelliJ, я загрузил библиотеку angular.

Это шаги.

Чтобы добавить файл определения TypeScript для используемой библиотеки или фреймворка, перейдите в раздел "Настройки" | Языки и рамки | JavaScript | Библиотеки - нажмите "Загрузить" и найдите нужную библиотеку, набрав ее имя, затем нажмите "Загрузить" снова.