2013-08-24 15 views
39

Ich möchte AngularJs und Java Spring zu Entwicklungszwecken verwenden. Ich verwende Eclipse als IDE. Ich möchte meine Eclipse so konfigurieren, dass diese Frameworks nahtlos funktionieren.Konfigurieren angularjs mit Eclipse IDE

Ich weiß, dass ich zu viel fragen werde, aber vertrau mir Ich habe viel Forschung von meinem Teil getan, und Sie sind mein letzter Ausweg. Jede Hilfe würde sehr geschätzt werden.

Antwort

32

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

Das nächste Ding ist, einige dedizierte Werkzeuge für den Job zu installieren, also überprüfen Sie AngularJS Eclipse Tools. Die AngularJS Eclipse Templates könnte auch hilfreich sein, und hier ist eine visual guide written for it, um loszulegen.

Siehe auch die AngularJS Eclipse getting started page.


Da diese Antwort geschrieben worden war, wurde die AngularJS Eclipse plugin freigegeben, wie andere Antworten angegeben. Vielleicht möchtest du es zuerst ausprobieren.

+0

Vielen Dank..Ich werde sicherlich überprüfen, wie es vielversprechend aussieht. – Vikash

+0

"was ist nicht optimal IMO für JavaScript-Entwickler", also können Sie ein geeigneteres Werkzeug vorschlagen? (vorzugsweise frei;)) – c4k

+2

@Chafik, ich benutze Intellijs [* Idee *] (http://www.jetbrains.com/idea/), aber nur weil ich auch in Java entwickle - [* webstorm *] (http: //www.jetbrains.com/webstorm/) ist praktisch das gleiche, aber weborientiert (* webstorm * hat eine Teilmenge von * idea * s Fähigkeiten). * idea * hat eine Community-Edition, aber es fehlen die Web-Funktionen, und beide können für einen Monat Evaluierungszeitraum kostenlos erworben werden. Jedenfalls denke ich, dass sie das Geld wert sind, wenn Sie sich für die kommerzielle Version entscheiden. –

1

Da diese früheren Antworten oben, gibt es jetzt eine Version von Eclipse-Plugin mit Entwicklung mit AngularJS zu unterstützen:

https://marketplace.eclipse.org/content/angularjs-eclipse https://github.com/angelozerr/angularjs-eclipse/wiki/Installation---Update-Site (schauen Sie sich um die andere Wiki-Seiten für Informationen zu Funktionen)

Die Freigabe zum Zeitpunkt der Antwort ist 0.1.0.

Bitte auch Kasse 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 Feature-Sets zur Verfügung zu stellen, ohne durch das JSDT-Projekt belastet zu werden (Open-Source-Politik, denke ich).

32

Jetzt können Sie die AngularJS Tags vorhanden sehen wie unten dargestellt.

AngularJS Tags are available.

+1

Ich habe dieses Plug-in installiert, aber die Option "In AngularJS Project konvertieren" wird nicht angezeigt. – Krismorte

+0

@Krismorte gleich hier. Version: Mars Release (4.5.0) –

2
  1. Achten Sie darauf, das Projekt auf Ihrer Festplatte extrahiert wird.
  2. In Eclipse gehen Sie zum 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 der „Projektname:“ Feld
  5. Disable „Standardposition verwenden“ Klicken Sie auf die Schaltfläche „Durchsuchen ...“ und wählen Sie den Ordner, der das Projekt enthält (die einen aus Schritt 1) ​​
  6. klicken Sie auf die Schaltfläche „Finish“
  7. Rechtsklick mit der Maus auf Sie neues Projekt sind und klicken Sie auf „Configure> zu AngularJS Projekt konvertieren ..“
  8. Aktivieren Sie Projekt Goodies und klicken Sie auf die sind "OK" -Taste.
0

Konfiguration arbeitete mit Eclipse Mars 4.5 Version. AngularJS Eclipse-Plugin von Eclipse-Marktplatz installieren

3) Konfigurieren node.js Server die

1) Installieren Sie Eclipse-Mars 4.5 von https://eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/mars2 Das mit Tern kommt und Embedded Node.js Server

2) eingebetteter Nodejs Server in Eclipse (zu finden im Eclipse Plugins Ordner) 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