Есть ли IDE с явной поддержкой AngularJS? [закрыто]

89

Я пробовал WebStorm, но там, кажется, есть только базовая поддержка JavaScript, как и в любой другой веб-среде, которую я пробовал. Я ищу что-то, что позволило бы мне переходить с HTML-страниц на контроллеры и т. Д.

Если ответ на этот вопрос «нет», существует ли какая-либо другая структура JavaScript, подобная Angular, которая имела бы что-то вроде плагина Eclipse или какой-либо другой вид явной поддержки в какой-либо среде IDE?

javascript  ide  angularjs 
— Борек Бернар
источник
3
Может ли какой-нибудь модератор перенести это на softwarerecs.stackexchange.com ?
— Mawg говорит восстановить Монику
Не тестировал, но у Codelobster, похоже, тоже есть плагин AngularJs: codelobster.com/order.html
— Стефан

Ответы:

28

Джон Линдквист говорит, что сделает плагин для WebStorm: http://youtrack.jetbrains.com/issue/IDEA-84299

— капси
источник
2
Плагин пробовал; мило. Он предоставляет intellisense для ключевых слов AngularJS. Похоже, это то, что Джон Линдквист использует в видео об AngularJS здесь: johnlindquist.com
— Джим Раден
Кстати, вот ссылка на плагин вместе с некоторыми инструкциями по его установке: groups.google.com/forum/#!topic/angular/GyBSkDxZN9c Установка очень проста - буквально несколько щелчков мышью.
— Джим Раден
В дополнение к плагину Джона я поддерживаю набор LiveTemplates для WebStorm в репозитории GitHub: github.com/angularjs-livetpls/angularjs-webstorm-livetpls
— pkozlowski.opensource
25

Visual Studio 2012, безусловно, лучший. В этом руководстве используется VS 2012, и он был мне очень полезен. Существует также бесплатная экспресс- версия.

Учебник поможет вам начать работу с нуля без необходимости полагаться на плагины.

Еще один отличный проект / руководство по Angular JS с использованием Visual Studio

— обезьяны
источник
5
@ Imrul, vmichael здесь проницательно прав. VS 2012 действительно поддерживает разработку angular js. Хотя он был предназначен для расширения приложений .NET, он, похоже, полностью пригоден для чисто угловой разработки. Я ценю, что вы, в отличие от другого проголосовавшего против, оставили сообщение, но, пожалуйста, проведите собственное исследование, прежде чем критиковать людей с благими намерениями.
— Дэйв Альперович
VS - на самом деле неплохая IDE для Интернета. Я начал использовать его, работая в среде .NET, и был приятно удивлен. Для разработки в Windows это хорошо работает.
— mdance
Немного треков, но Visual Studio - одна из причин, по которой мне так нравится программировать приложения .NET. Также для веб-приложений, включая разработку на AngularJS (с некоторыми настройками).
— Нуллий
14

Кто-то работает в подключаемом модуле NetBeans для angular. Вы можете увидеть это здесь: http://plugins.netbeans.org/plugin/40296/angularjs-tools

Также для Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

— Misko Hevery
источник
Я никак не собираюсь использовать NetBeans, но спасибо за ответ :)
— Борек Бернард
2
Итак, для чего именно вам нужна IDE? Я имею в виду, что angularJS - это просто HTML, CSS и JavaScript, и большинство IDE будут использовать это нормально. Не уверены, что наличие автозаполнения на ng * является препятствием для сделки?
— Misko Hevery
Привет, Миско, я действительно хотел бы использовать автозаполнение для ng.js в Net Beans, но, похоже, он игнорирует мой плагин (в мой проект уже добавлена ​​неминифицированная библиотека). Преимущество этого в том, что без плагина Net Beans лает на вас при попытке проверить разметку HTML (ng-view и т. Д.). Есть идеи по этому поводу? Спасибо за отличную библиотеку! Edit: Хм ... Вероятно, спросите об этом на сайте плагина;)
— alchemication
5
@MiskoHevery хорошая IDE очень полезна и просто необходима. Вам нужно отслеживать директивы, фильтры, сервисы (go-to-source). Вы хотите одним щелчком мыши перейти к соответствующему контроллеру .. вам нужно хорошее усложнение для представлений (ng-директивы и пользовательские). Попробуйте создать крупное клиентское приложение без хорошей IDE в большой команде или даже среднее без IDE ..
— YardenST
14

AngularUI написал плагины, которые предлагают полную поддержку IDE AngularJS (и, возможно, AngularUI) для текстовых редакторов Sublime Text 2 и 3 и TextMate.

Sublime Text 2 и 3
http://www.sublimetext.com/3

TextMate (только Mac OS X)
http://macromates.com/download

Плагины
Sublime для AngularUI IDE - https://github.com/angular-ui/AngularJS-sublime-package
TextMate - https://github.com/angular-ui/AngularJS.tmbundle

Вы можете получить полное руководство по установке Sublime Text здесь (вы будете готовы к работе через 5 минут):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs -package-for-sublime-text.aspx

Когда я разрабатываю ранние приложения для проверки концепций, мне нравится использовать DropBox для хранения моего кода, чтобы я мог получить доступ ко всему на работе и дома. Кроме того, если вы храните свой проект в Publicпапке, вы можете сгенерировать общедоступный URL-адрес для своих .htmlстраниц, который будет правильно отображаться в браузере (то есть правильно запускать ваш HTML, CSS и JS), по сути превращая DropBox в своего рода ограниченного поставщика услуг хостинга.

Если вы решите использовать Sublime, вы можете загрузить портативную версию (установка не требуется) и сохранить ее в DropBox; таким образом у вас будет доступ ко всему вашему коду И полной IDE AngularJS, где бы вы ни использовали DropBox. По сути, это означает, что у вас есть полноценная среда разработки в облаке. Довольно мило!

— GFoley83
источник
Фактически, Webstorm поддерживает AngularJS и многие другие библиотеки Javascript, использующие так называемые «определения Typescript». Вот как включить из другого вопроса: stackoverflow.com/questions/18876863/…
— sgarcia.dev
7

Теперь существует плагин Resharper для angularjs, что означает, что если вы используете resharper, Visual Studio также станет отличным способом разработки Angular.

http://blogs.jetbrains.com/dotnet/2013/02/angularjs-support-for-resharper/

Также есть аддон отладки для хрома:

http://blog.angularjs.org/2012/07/introduction-angularjs-batarang.html

— Ричард
источник
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.