Чи існує IDE з явною підтримкою AngularJS? [зачинено]

89

Я спробував WebStorm, але, здається, там є лише основна підтримка JavaScript, як і в будь-якій іншій веб-середовищі IDE, яку я пробував. Я шукаю щось, що дозволило б мені переходити зі сторінок HTML на контролери тощо.

Якщо відповідь "ні" на це запитання, чи існує якийсь інший фреймворк JavaScript, подібний до Angular, який мав би щось на зразок плагіна Eclipse або будь-якого іншого типу явної підтримки в якійсь IDE?

javascript  ide  angularjs 
— Борек Бернард
джерело
3
Чи міг якийсь модератор в оренду перенести це на softwarerecs.stackexchange.com ?
— Моуг каже, щоб відновити Моніку
Не тестував, але у 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 і був для мене дуже корисним. Існує також безкоштовна версія Express .

Підручник допоможе вам розпочати роботу з нуля, без необхідності покладатися на плагіни.

Ще один чудовий проект / підручник Angular JS з використанням Visual Studio

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

Хтось працює в плагіні NetBeans для angular. Ви можете побачити його тут: http://plugins.netbeans.org/plugin/40296/angularjs-tools

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

— Місько Гевері
джерело
Я ніяк не збираюся використовувати NetBeans, але дякую за відповідь :)
— Борек Бернард
2
То для чого саме вам потрібна IDE? Я маю на увазі angularJS - це просто HTML, CSS та JavaScript, і більшість середовищ розробки ID споживають це просто чудово. Не впевнені, що наявність автозавершення на ng * є таким уривником?
— Міско Гевері
Привіт Місько, я б насправді хотів використати автозаповнення для ng.js у Net Beans, але, схоже, ігнорує мій плагін (вже додав немоніфіковану бібліотеку до свого проекту). Перевага цього полягає в тому, що без плагіна Net Beans гавкає на вас при спробі перевірити розмітку HTML (ng-view тощо). Будь-які ідеї щодо цього? Дякуємо за чудову бібліотеку! Редагувати: Хм ... Мабуть, запитаю це на сайті плагіна;)
— алхіміка
5
@MiskoHevery хороша IDE дуже корисна і необхідна. Вам потрібно відстежувати директиви, фільтри, послуги (перейти до джерела). Ви хочете в один клік з html перейти на відповідний контролер .. Ви хочете гарне ускладнення для подань (ng-директиви та спеціальні). Спробуйте створити велику програму на стороні клієнта без хорошої IDE для великої команди або навіть середньої без IDE ..
— YardenST
14

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

Піднесений текст 2 та 3
http://www.sublimetext.com/3

TextMate (лише для Mac OS X)
http://macromates.com/download

Плагіни AngularUI IDE
Sublime - 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/

Також зараз є аддон для налагодження для chrome:

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

— Річард
джерело
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.