Gibt es eine IDE mit expliziter Unterstützung für AngularJS? [geschlossen]

89

Ich habe WebStorm ausprobiert, aber es scheint dort nur eine grundlegende JavaScript-Unterstützung zu geben, wie in jeder anderen Web-IDE, die ich ausprobiert habe. Ich suche etwas, mit dem ich mich von HTML-Seiten zu Controllern usw. durchklicken kann.

Wenn die Antwort auf diese Frage "Nein" lautet, gibt es ein anderes JavaScript-Framework ähnlich wie Angular, das so etwas wie ein Eclipse-Plugin oder eine andere Art von expliziter Unterstützung in einer IDE hätte?

javascript  ide  angularjs 
— Borek Bernard
quelle
3
Könnte eine Art Moderator-Lease dies auf softwarerecs.stackexchange.com migrieren ?
— Mawg sagt, Monica
Habe es nicht getestet, aber Codelobster scheint auch ein AngularJs-Plugin zu haben: codelobster.com/order.html
— Stefan

Antworten:

28

John Lindquist sagt, er werde ein Plugin für WebStorm erstellen: http://youtrack.jetbrains.com/issue/IDEA-84299

— kapsi
quelle
2
Ich habe das Plugin ausprobiert. es ist schön. Es bietet Intellisense für die AngularJS-Schlüsselwörter. Es scheint das zu sein, was John Lindquist in den AngularJS-Videos hier verwendet: johnlindquist.com
— Jim Raden
Übrigens, hier ist ein Link zum Plugin mit einigen Anweisungen zur Installation: groups.google.com/forum/#!topic/angular/GyBSkDxZN9c Die Installation ist sehr einfach - buchstäblich nur eine Handvoll Klicks.
— Jim Raden
Zusätzlich zu Johns Plugin verwalte ich eine Reihe von LiveTemplates für WebStorm im GitHub-Repository: github.com/angularjs-livetpls/angularjs-webstorm-livetpls
— pkozlowski.opensource
25

Visual Studio 2012 ist bei weitem das Beste. Dieses Tutorial verwendet VS 2012 und war für mich sehr hilfreich. Es gibt auch eine kostenlose Express- Version.

Das Tutorial hilft Ihnen dabei, von Grund auf neu zu beginnen, ohne sich auf Plugins verlassen zu müssen.

Ein weiteres großartiges Angular JS-Projekt / Tutorial mit Visual Studio

— Affensprünge
quelle
5
@ Imrul, vmichael ist hier aufschlussreich richtig. VS 2012 unterstützt in der Tat die Entwicklung von Winkel-JS. Während es beabsichtigt war, .NET-Apps zu erweitern, scheint es für eine rein eckige Entwicklung voll funktionsfähig zu sein. Ich weiß es zu schätzen, dass Sie im Gegensatz zu den anderen Abwärtswählern eine Nachricht hinterlassen haben, aber bitte recherchieren Sie selbst, bevor Sie gut gemeinte Leute verprügeln.
— Dave Alperovich
VS ist eigentlich eine ziemlich gute IDE für das Web. Ich begann es während der Arbeit in einer .NET-Umgebung zu verwenden und war angenehm überrascht. Für die Entwicklung in Windows funktioniert es gut.
— Tanz
Ein bisschen Track, aber Visual Studio ist einer der Gründe, warum ich .NET-Apps so gerne programmiere. Auch für Web-Apps, einschließlich AngularJS-Entwicklung (mit einigen Verbesserungen).
— Nullius
14

Jemand arbeitet im NetBeans-Plugin für Angular. Sie können es hier sehen: http://plugins.netbeans.org/plugin/40296/angularjs-tools

Auch für Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

— Misko Hevery
quelle
Ich werde NetBeans auf keinen Fall verwenden, aber danke für die Antwort :)
— Borek Bernard
2
Wofür genau benötigen Sie die IDE? Ich meine, angleJS ist nur HTML, CSS und JavaScript, und die meisten IDEs verbrauchen das ganz gut. Sie sind sich nicht sicher, ob die automatische Vervollständigung auf dem ng * ein solcher Deal Breaker ist?
— Misko Hevery
Hallo Misko, ich würde gerne die automatische Vervollständigung für ng.js in Net Beans verwenden, aber sie scheint mein Plugin zu ignorieren (meinem Projekt wurde bereits eine nicht minimierte Bibliothek hinzugefügt). Dies hat den Vorteil, dass Net Beans Sie ohne das Plugin anstößt, wenn Sie versuchen, das HTML-Markup (ng-view usw.) zu validieren. Irgendwelche Ideen dazu? Danke für die tolle Bibliothek! Edit: Hmm ... Wird das wahrscheinlich auf der Plugin-Seite fragen;)
— Alchemie
5
@MiskoHevery gute IDE ist sehr nützlich und ein Muss. Sie müssen Anweisungen, Filter und Dienste verfolgen (Go-to-Source). Sie möchten mit einem Klick aus dem HTML-Code zum passenden Controller gelangen. Sie möchten eine gute Komplikation für die Ansichten (ng-Direktiven und benutzerdefinierte). Versuchen Sie, eine App für große Clients ohne eine gute IDE in einem großen Team oder sogar eine mittlere App ohne IDE zu
— erstellen
14

AngularUI hat Plugins geschrieben, die vollständige AngularJS- (und optional AngularUI-) IDE-Unterstützung für Sublime Text 2 & 3- und TextMate-Texteditoren bieten.

Erhabener Text 2 & 3
http://www.sublimetext.com/3

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

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

Eine vollständige Installationsanleitung für Sublime Text erhalten Sie hier (Sie sind in 5 Minuten einsatzbereit):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs -package-for-sublime-text.aspx

Wenn ich frühe Proof-of-Concepts-Apps entwickle, verwende ich DropBox zum Speichern meines Codes, damit ich bei der Arbeit und zu Hause auf alles zugreifen kann. Wenn Sie Ihr Projekt im PublicOrdner speichern , können Sie außerdem eine öffentlich zugängliche URL für Ihre .htmlSeiten generieren , die im Browser korrekt gerendert wird (dh HTML, CSS und JS korrekt ausführen), wodurch DropBox im Wesentlichen zu einer Art eingeschränktem Hosting-Anbieter wird.

Wenn Sie sich für Sublime entscheiden, können Sie die tragbare Version herunterladen (keine Installation erforderlich) und diese auch in DropBox speichern. Auf diese Weise haben Sie von jedem Ort aus, an dem Sie DropBox verwenden, Zugriff auf Ihren gesamten Code UND eine vollständige AngularJS-IDE. Was im Grunde bedeutet, dass Sie eine vollständige Entwicklungsumgebung in der Cloud haben. Ziemlich süß!

— GFoley83
quelle
Tatsächlich unterstützt Webstorm AngularJS und viele weitere Javascript-Bibliotheken, die als "Typescript-Definitionen" bezeichnet werden. Hier ist, wie von einer anderen Frage zu aktivieren: stackoverflow.com/questions/18876863/…
— sgarcia.dev
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.