webentwicklung-frage-antwort-db.com.de

Anglejs mit Eclipse konfigurieren IDE

Ich möchte AngularJs und Java Spring für Entwicklungszwecke verwenden. Ich benutze Eclipse als IDE. Ich möchte meinen Eclipse so konfigurieren, dass diese Frameworks nahtlos funktionieren.

Ich weiß, dass ich vielleicht zu viel frage, aber vertrauen Sie mir, ich habe auf meiner Seite viel recherchiert und Sie sind meine letzte Hilfe.

42
Vikash

Sie möchten zuerst sicherstellen, dass Sie JSDT installiert haben.

Als nächstes müssen Sie einige dedizierte Tools für den Job installieren, also überprüfen Sie AngularJS Eclipse Tools . Das AngularJS Eclipse Templates könnte auch hilfreich sein, und hier ist ein visueller Leitfaden dafür geschrieben , um den Einstieg zu erleichtern.

Siehe auch die Startseite für AngularJS Eclipse .


Da diese Antwort veröffentlicht wurde, wurde das AngularJS Eclipse Plugin veröffentlicht, wie in den anderen Antworten angegeben. Vielleicht möchten Sie es zuerst prüfen.

34
Eliran Malka

Jetzt können Sie die verfügbaren Angularjs-Tags sehen (siehe unten).

AngularJS Tags are available.

32
Chandra Sekhar
  1. Stellen Sie sicher, dass das Projekt auf Ihrer Festplatte extrahiert ist. 
  2. In Eclipse gehen Sie in das Menü: Datei-> Neu-> Projekt. 
  3. Wählen Sie "Allgemein-> Projekt" und klicken Sie auf die nächste Schaltfläche. 
  4. Geben Sie den Projektnamen in das Feld "Projektname:" ein 
  5. Deaktivieren Sie "Standardspeicherort verwenden" Klicken Sie auf die Schaltfläche "Durchsuchen ..." und wählen Sie den Ordner aus, der das Projekt enthält (den Ordner aus Schritt 1). 
  6. Klicken Sie auf die Schaltfläche "Fertig stellen" 
  7. Klicken Sie mit der rechten Maustaste auf Ihr neues Projekt und klicken Sie auf "Konfigurieren -> In AngularJS-Projekt konvertieren ..". 
  8. Aktivieren Sie Ihre Projekt-Goodies und klicken Sie auf die Schaltfläche "OK".
2
Akhil S

Netbeans 8.0 (Beta zum Zeitpunkt dieses Beitrags) hat Angular-Unterstützung sowie HTML5-Unterstützung. 

Schauen Sie sich diesen Oracle-Artikel an: https://blogs.Oracle.com/geertjan/entry/integrated_angularjs_development

2
Jmakuc

Laden Sie die eckigen Js über diesen Link herunter und fügen Sie sie als neue Software in Eclipse hinzu http://oss.opensagres.fr/angularjs-Eclipse/0.6.0/

1
chandresh

Seit diesen obigen Antworten gibt es jetzt ein Eclipse-Plugin zur Unterstützung der Entwicklung mit AngularJS:

https://marketplace.Eclipse.org/content/angularjs-Eclipsehttps://github.com/angelozerr/angularjs-Eclipse/wiki/Installation---Update-Site ( Schauen Sie sich auf den anderen Wiki-Seiten nach Informationen zu Funktionen um.

Die Freigabe zum Zeitpunkt der Antwort ist 0.1.0.

Bitte überprüfen Sie auch JSDT ( http://www.Eclipse.org/webtools/jsdt/ ) und auch Eclipse VJET ( http://Eclipse.org/vjet/ ). Das VJET-Projekt scheint ein Versuch zu sein, dem Editor bessere Funktionssätze zur Verfügung zu stellen, ohne durch das JSDT-Projekt belastet zu werden (Open-Source-Politik im Spiel, denke ich).

1
Darryl Miles

Die Konfiguration funktionierte mit der Version Eclipse Mars 4.5.

1) Installieren Sie Eclipse Mars 4.5 unter https://Eclipse.org/downloads/packages/Eclipse-ide-Java-ee-developers/mars2

2) Installieren Sie das AngularJS Eclipse-Plugin vom Eclipse Marketplace

3) Konfigurieren Sie den node.js-Server für den eingebetteten nodejs-Server in Eclipse (im Ordner Eclipse-Plugins) unter Windows-> Einstellungen -> JavaScript -> Tern -> Server -> node.js. Es sind keine zusätzlichen Konfigurationen erforderlich.

4) Testen Sie die Konfiguration in einer HTML- oder Javascript-Datei. https://github.com/angelozerr/angularjs-Eclipse

0
Kiran

Bei den aktuellen Versionen Angular 4 und 5 gibt es dafür IDE.

Gehen Sie zum Eclipse-Marktplatz und suchen Sie nach 'Angular'. Sie sehen das IDE und installieren es.

 enter image description here

Starten Sie Eclipse anschließend neu und folgen Sie den Begrüßungsnachrichten, um die Einstellungen auszuwählen.

Wie starte ich Eclipse mit eckigen Projekten?

Bedenken Sie, dass Sie bereits ein Winkelprojekt haben und es in Eclipse importieren möchten.

gehe zu file > import > choose Angular Project

 enter image description here

es ist besser, Ihre Projekte in einem separaten Arbeitssatz zu haben, damit Sie sie nicht mit anderen Projekten (wie Java) verwechseln.

Mit Angular IDE haben Sie auch ein Terminalfenster.

Um dieses Typ-Terminal in der Eclipse-Suchbox (Schnellzugriff) in der oberen rechten Ecke zu öffnen. 

 enter image description here

0
tadtab