Czy istnieje IDE z wyraźną obsługą AngularJS? [Zamknięte]

89

Próbowałem WebStorm, ale wydaje się, że jest tam tylko podstawowa obsługa JavaScript, jak w każdym innym środowisku sieciowym, którego próbowałem. Szukam czegoś, co pozwoliłoby mi przejść ze stron HTML do kontrolerów itp.

Jeśli odpowiedź brzmi „nie” na to pytanie, czy istnieje inny framework JavaScript podobny do Angulara, który miałby coś w rodzaju wtyczki Eclipse lub innego rodzaju jawnego wsparcia w jakimś IDE?

javascript ide angularjs Borek Bernard
źródło
3
Czy jakiś rodzaj dzierżawy moderatora może przenieść to na softwarerecs.stackexchange.com ?
Mawg mówi, że przywróć Monikę
Nie testowałem tego, ale Codelobster wydaje się mieć również wtyczkę AngularJs: codelobster.com/order.html
Stefan

Odpowiedzi:

28

John Lindquist mówi, że stworzy wtyczkę dla WebStorm: http://youtrack.jetbrains.com/issue/IDEA-84299

kapsi
źródło
2
Próbowałem wtyczki; to miłe. Zapewnia inteligencję dla słów kluczowych AngularJS. Wydaje się, że to właśnie John Lindquist używa w filmach AngularJS tutaj: johnlindquist.com
Jim Raden
Przy okazji, oto link do wtyczki wraz z instrukcją, jak ją zainstalować: groups.google.com/forum/#!topic/angular/GyBSkDxZN9c Instalacja jest bardzo prosta - dosłownie kilka kliknięć.
Jim Raden
Oprócz wtyczki Johna utrzymuję zestaw LiveTemplates dla WebStorm w repozytorium GitHub: github.com/angularjs-livetpls/angularjs-webstorm-livetpls
pkozlowski.opensource
25

Visual Studio 2012 jest zdecydowanie najlepszy. Ten samouczek używa VS 2012 i był dla mnie bardzo pomocny. Dostępna jest również bezpłatna wersja Express .

Samouczek pomaga zacząć od podstaw bez konieczności korzystania z wtyczek.

Kolejny świetny projekt / samouczek dotyczący Angular JS wykorzystujący Visual Studio

małpie skoki
źródło
5
@Imrul, vmichael jest tutaj wnikliwie poprawny. VS 2012 rzeczywiście obsługuje rozwój angular js. Chociaż miał na celu rozszerzenie aplikacji .NET, wydaje się być w pełni przydatny do programowania wyłącznie kątowego. Doceniam to, że w przeciwieństwie do innych słabych wyborców zostawiłeś wiadomość, ale proszę, zrób własne badania, zanim uderzysz ludzi o dobrych intencjach.
Dave Alperovich
VS to całkiem niezłe IDE dla sieci. Zacząłem go używać podczas pracy w środowisku .NET i byłem mile zaskoczony. W przypadku programowania w systemie Windows działa dobrze.
mdance
Trochę śladu, ale Visual Studio jest jednym z powodów, dla których tak bardzo lubię programować aplikacje .NET. Również dla aplikacji internetowych, w tym programowania AngularJS (z pewnymi poprawkami).
Nullius
14

Ktoś pracuje we wtyczce NetBeans dla Angular. Możesz to zobaczyć tutaj: http://plugins.netbeans.org/plugin/40296/angularjs-tools

Również dla Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

Misko Hevery
źródło
Nie ma mowy, żebym używał NetBeans, ale dzięki za odpowiedź :)
Borek Bernard
2
Więc do czego dokładnie potrzebujesz IDE? Chodzi mi o to, że angularJS to tylko HTML, CSS i JavaScript, a większość IDE dobrze to wykorzysta. Nie jesteś pewien, czy autouzupełnianie na ng * jest takim przełomem?
Misko Hevery
Cześć Misko, właściwie chciałbym użyć autouzupełniania dla ng.js w Net Beans, ale wydaje się, że ignoruje on moją wtyczkę (już dodałem niezminifikowaną bibliotekę do mojego projektu). Zaletą tego jest to, że bez wtyczki Net Beans szczeka na ciebie, gdy próbuje sprawdzić poprawność znaczników HTML (ng-view itp.) Jakieś pomysły na ten temat? Dzięki za świetne lib! Edycja: Hmm ... Prawdopodobnie zapyta o to na stronie wtyczki;)
alchemia
5
@Misko: Każde dobre IDE jest bardzo przydatne i konieczne. Musisz śledzić dyrektywy, filtry, usługi (przejdź do źródła). Chcesz jednym kliknięciem z html przejść do odpowiedniego kontrolera ... chcesz dobrej komplikacji dla widoków (dyrektywy ng i niestandardowe). Spróbuj zbudować aplikację po stronie dużego klienta bez dobrego środowiska IDE w dużym zespole lub nawet na średnim bez IDE ..
YardenST,
14

AngularUI ma napisane wtyczki, które oferują pełną obsługę IDE AngularJS (i opcjonalnie AngularUI) dla edytorów tekstu Sublime Text 2 i 3 oraz TextMate.

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

TextMate (tylko Mac OS X)
http://macromates.com/download

Wtyczki AngularUI IDE
Sublime - https://github.com/angular-ui/AngularJS-sublime-package
TextMate - https://github.com/angular-ui/AngularJS.tmbundle

Pełną instrukcję konfiguracji Sublime Text można uzyskać tutaj (będziesz gotowy do pracy w ciągu 5 minut):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs -package-for-sublime-text.aspx

Kiedy tworzę wczesne aplikacje do sprawdzania koncepcji, lubię używać DropBox do przechowywania mojego kodu, aby mieć dostęp do wszystkiego w pracy iw domu. Dodatkowo, jeśli przechowujesz swój projekt w Publicfolderze, możesz wygenerować publicznie dostępny adres URL dla swoich .htmlstron, który będzie poprawnie renderowany w przeglądarce (tj. Poprawnie uruchomisz HTML, CSS i JS), zasadniczo zmieniając DropBox w swego rodzaju ograniczonego dostawcę usług hostingowych.

Jeśli zdecydujesz się korzystać z Sublime, możesz pobrać wersję przenośną (nie jest wymagana instalacja) i zapisać ją również w DropBox; w ten sposób masz dostęp do całego swojego kodu ORAZ pełnego IDE AngularJS z dowolnego miejsca, w którym używasz DropBox. Zasadniczo oznacza to, że masz pełne środowisko programistyczne w chmurze. Całkiem słodki!

GFoley83
źródło
W rzeczywistości Webstorm obsługuje AngularJS i wiele innych bibliotek JavaScript, używając czegoś, co nazywa się „Definicjami skryptu maszynowego”. Oto jak włączyć z innego pytania: stackoverflow.com/questions/18876863/…
sgarcia.dev