Почему директивы AngularJS (атрибуты и т. Д.) Отображаются как недействительные в WebStorm 8?
Я только что установил WebStorm 8 пару часов назад. Я писал кое-что о AngularJS, и у меня довольно маленькая раздражающая проблема. Плагин AngularJS, кажется, работает частично, всякий раз, когда я набираю ng, я получаю всплывающее окно intellisense, которое показывает все различные атрибуты ng-*. Однако здесь все перестает работать. Кажется, я не получаю более продвинутые возможности intellisense ни в файлах.js, ни в файлах.html. Если я создаю угловой модуль под названием "приложение" внутри app.js, то "приложение" не отображается, когда я печатаю ng-app= в файле HTML. Кроме того, WebStorm выделяет все атрибуты ng-* как недействительные html при редактировании html-файла. Кажется, ни одна из других функций angularjs не работает. Например, я не получаю никакого смысла в привязках.
Я нашел некоторые темы здесь на SO, которые указывают, что мне может понадобиться добавить AngularJS в качестве библиотеки JavaScript в настройках проекта... однако есть инструкции ZERO, как это сделать правильно. Темы по SO очень короткие и ссылаются на документацию WebStorm, которая является очень общей, без каких-либо подробностей. Как именно настроить AngularJS как библиотеку JS в WebStorm? Это даже действительно необходимо?
Я должен отметить, что AngularJS действительно отображается в настройках WebStorm как плагин, и это проверено. У меня в основном только атрибут ng-* intellisense, но я не получаю никакой другой расширенной поддержки AngularJS, которая должна была прийти с WebStorm 8. Я пару раз полностью устанавливал и удалял webstorm. Не совсем уверен, куда идти отсюда...
4 ответа
Чтобы добавить Angular JS в качестве библиотеки проекта, перейдите в
Preferences > Project Settings > JavaScript > Libraries > Add
и затем выберите угловой каталог, чтобы добавить его.
Я на Mac, но окна должны быть примерно одинаковыми.
Вы также можете сделать
ctrl/cmd + shift + a
(перейдите в любое место) и введите библиотеки, чтобы попасть в то же место.
Примечание. В моем основном html-файле есть ссылка на Angular через https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js и он работает без добавления его в виде библиотеки.
Редактировать:
Из блога Webstorm: Если вы предпочитаете использовать CDN, поместите курсор на имя выделенной библиотеки, нажмите Alt+Enter и загрузите библиотеку. Это создаст локальную библиотеку в кеше WebStorm (не в вашем проекте), чтобы WebStorm мог получить доступ к методам, директивам и т. Д. AngularJS для автозаполнения и поиска документации.
Вы ссылаетесь на AngularJS из CDN в своем HTML? Если это так, просто загрузите угловой файл и укажите местную копию в своем HTML. Тогда угловые элементы должны начать работать. В качестве альтернативы я думаю, что вы можете просто щелкнуть путь к угловому CDN в html, нажать Alt+Enter и выбрать что-то вроде библиотеки загрузки.
Чтобы решить эту проблему в IntelliJ, я скачал угловую библиотеку.
Это шаги.
Чтобы добавить файл определения TypeScript для библиотеки или фреймворка, который вы используете, перейдите в Предпочтения | Языки и рамки | JavaScript | Библиотеки - нажмите "Загрузить" и найдите нужную библиотеку, введя ее имя, затем снова нажмите "Загрузить".