Installation von Eclipse
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen:
| Korrektheit: 4 (großteils überprüft) |
Umfang: 5 (wesentliche Fakten vorhanden) |
Quellenangaben: 5 (vollständig vorhanden) |
Quellenarten: 4 (sehr gut) |
Konformität: 5 (ausgezeichnet) |
Vorbemerkung
Eclipse ist für die Entwicklung von dynamische Web-Anwendungen mit und ohne einen Web-Server (wie z.B. Tomcat) recht gut geeignet.
Für Windows werden folgende Annahmen gemacht: Auf der Partition C befindet sich das Windows-System und die Benutzerdaten. Da Eclipse „out of the box“ läuft, wird es auf der Partition mit den Benutzerdaten installiert.
Vorgefertigete Eclipse-Instanzen (derzeit nur für Windows 7)
Für Windows 7, 64 Bit gibt es eine vorgefertigte Eclipse-Instanz, die Sie direkt herunterladen und verwenden können. Sie sparen sich damit die relativ komplexe Installation und Konfiguration von Eclipse, die im Folgenden beschrieben wird.
Installation von Eclipse
- Eclipse (Keppler, 4.3) herunterladen:
- Eclipse IDE for Java EE Developers (32 Bit oder 64 Bit) [1]; ACHTUNG: Andere Eclipse-Varianten enthalten die hier benötigte Web-Entwicklungsumgebnung nicht. Sie müssen die Version Java EE Developers verwenden.
- Zip-Datei nach
C:\web(Windows) bzw./Applications/(Mac OS) entpacken ⇒C:\web\eclipseenthält Eclipse (C:\web\eclipse\eclipse.exebzw./Applications/eclipse/Eclipse.app)
Beim ersten Start von Eclipse werden Sie nach einem Workspace gefragt. Wählen Sie einen geeigneten Ordner aus:
- Privater Rechner: z.B.
C:\web\workspace-mmprogbzw./Benutzer/BENUTZERNAME/Programmierung/web/workspace-mmprog - HSA-Rechner: z.B.
Z:\mmprog\workspace, wichtig ist, dass Sie Laufwerk Z (das ist Ihr persönliches Benutzerverzeichnis) benutzen
Deutsche Sprachpakete installieren
Das Eclipse Babel Project stellt diverse Sprach-Pakete zu Verfügung, die allerdings noch nicht ganz fertiggestellt sind.
- Eclipse starten (
C:\web\eclipse\eclipse.exebzw./Applications/eclipse/Eclipse.app) - Wählen Sie einen geeignet Workspace aus (z.B.
C:\web\mmprogbzw./Benutzer/BENUTZERNAME/Studium/mmprog; auf den Laborrechnern müssen Sie Ihr Home-Verzeichnis nehmen, nicht den Desktop!) Help→Install New Software- Work with:
http://download.eclipse.org/technology/babel/update-site/R0.11.0/kepler→Add - Name:
Babel→OK - (lange) warten bis
Pendingverschwindet Babel Language Packs in Germanauklappen (Klick auf Dreieck)- Alle in diesem Ordner enthaltenen Language Packs selektieren bis auf Babel Language Pack for rt.rap in German (da dieses Packet einen Fehler in Eclipse integriert)
Next→Next→I accept ...selektieren →Finish- Warnung akzeptieren:
OK Restart Now
Manchmal sind die Babel-Eclipse-Server überlastet. Alternativ ist eine manuelle Installation des Sprachpakets möglich:
- Downloaden des Pakets
http://download.eclipse.org/technology/babel/babel_language_packs/R0.11.0/kepler/kepler.php#de(vgl.http://www.eclipse.org/babel/downloads.php) BabelLanguagePack-eclipse-de_4.3.0.v20130724043401.zipherunterladen- Die beiden Ordner, die im Ordner
eclipsedes ZIP-Archivs enthalten sind, in den Eclipse-Programm-OrdnerC:\web\eclipse - Bei OSX Vorsicht! - Inhalte der Ordner features und plugins in die jeweiligen Ordner
/Applications/eclipse/featuresund/Applications/eclipse/pluginskopieren - Eclipse neu starten
Deutsche Rechtschreibprüfung installieren (optional)
- de_DE.dic (von Albrecht Weinert) herunterladen und unter
C:/web/eclipse/dropinsbzw./Applications/eclipse/dropinsspeichern Fenster→Benutzervorgaben→Allgemeinaufklappen →Editorenaufklappen →Texteditorenaufklappen →Schreibprüfung selektieren- Benutzerdefiniertes Wöerterbuch:
Durchsuchenund die Dateide_DE.dicselektieren (bzw.${eclipse_home}\dropins\de_DE.diceintragen) - Codierung:
Sonstigeanklicken →UTF-8wählen OK
Tipp: Wenn Sie mit der Maus ein rot unterringeltes Wort anklicken und anschließend Strg-1 (Ctrl-1) drücken,
können Sie das Wort ins Wörterbuch einfügen oder andere Aktionen durchführen, damit ein vermeintlicher Rechtschreibfehler nicht mehr angezeigt wird.
Diverse weitere Eclipse-Pakete installieren
Subclipse und Aptana
Folgende Plugins sollten Sie installieren:
- Subclipse ist ein recht guter Subversion-Client für Eclipse. Dieser wird benötigt, um die Projektergenisse regelmäßig in ein Subversion-Repository zu sichern.
- Aptana ist ein recht gutes Eclipse-Plugin zur Entwicklung von HTML/JavaScript-Anwendungen.
Die Installation dieser Plugins ist relativ einfach:
- Die XML-Datei extension.xml herunterladen. Diese enthält die URLs der oben aufgeführten Plugins.
- Klick auf
Fenster→ Klick aufBenutzervorgaben→Installieren/Aktualisierenausklappen → Klick aufWebsites mit verfügbarer Software - Klick auf
Importieren→ Die Dateiextensions.xmlauswählen → Klick aufÖffnen→OK - Klick auf
Hilfe→ Klick aufNeue Software installieren... - Work with:
--All Available Sites--aus dem Drop-Down-Menü auswählen - Häckchen vor
Aptana Studio 3,Subclipse,SVNKit→Weiter→Weiter→Ich akzeptiere ...auswählen →Fertigstellen - Warnung akzeptieren:
OK - Apatana möchte zusätzlich Aptana-Git in Eclipse integrieren. Das können Sie machen, ist für die Vorlesung MMProg aber nicht notwendig.
Jetzt neu starten
Wem das Aptana-HTML-Farbschema (weiße Schrift auf schwarzem Hintergrund) nicht gefällt, der kann dieses ändern:
Fenster→Benutzervorgaben→Aptana Studioaufklappen →Themes→ Drop-Down-Menü (InhaltAptana Studio)öffnen und neues Farbschema wählen →OK
JSLint
JSLint analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge.
Die über den Paket-Manager installierbare JSLint-Version
(http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download) ist veraltet.
Man kann JSLint auch „von Hand“ installieren (vgl: http://stackoverflow.com/questions/2741058/jslint-eclipse-plugin):
jslint4java-2.x.x-dist.zipherunterladenjslint4java-2.x.x-dist.zipin OrdnerC:\web\eclipse\dropinsentpackenjslint.jsherunterladen umd im OrdnerC:\web\eclipse\dropinsspeichern; allerdings schlägt diese Version teilweise „Verbesserungen“ vor, die die Semeantik des Programms verändern; Alternative:jslint-wk.js- Eclipse starten
- Klick auf Drop-Down-Pfeil neben Icon „Externe Tools“ (weißes Dreicke im grünen Kreis mit kleinem Werkzeugkoffer) → Klick auf
Externe Tools Konfigurationen... - Rechtsklick auf
Programm→Neu- Name:
JSLint - Position: C:\Program Files\Java\jre7\bin\javaw.exe (Pfad zur aktuellen
javaw.exe-Datei; Java muss zuvor installiert worden sein) - Argumente:
-jar ${eclipse_home}\dropins\jslint4java-2.x.x\jslint4java-2.x.x.jar --es5 --jslint ${eclipse_home}\dropins\jslint-wk.js ${resource_loc}(2.x.xdurch aktuelle Versionsnummer ersetzen; die Option--jslint ...könnte entfallen – in diesem Fall würde die in jslint4java-2.x.x.jar enthaltene ältere JSLint-Version verwendet)
- Name:
- Klick auf
Anwenden - Klick auf
Ausführen(Fehlermeldung ignorieren; wenn Sie nur aufSchließenklicken, tauchtJSLintnicht im „Werkzeugkoffer-Menü“ auf)
Nun kann man im Projektexplorer eine JavaScript-Datei selektieren und über „Externe Tools“ mit JSLint überprüfen.
JSLint unterstützt zahlreiche weitere Optionen, die als Argument an den zugehörigen Java-Aufruf übergeben werden können: http://docs.jslint4java.googlecode.com/git/2.0.5/cli.html
Die meisten dieser Optionen können allerdings auch mit Hilfe spezieller JavaScript-Kommentare direkt in den JavaScript-Dateien initialisiert werden: http://www.jslint.com/lint.html
JSDoc
JSDoc erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine HTML-API-Dokumentation.
json-master.zipherunterladendocstrap(= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen :-)) herunterladenjsdoc-master.zipin OrdnerC:\web\eclipse\dropinsentpacken
YUI Compressor
- YUI Compressor (yuicompressor-2.x.x.zip) herunterladen
- yuicompressor-2.x.x.zip in den Ordner
C:\web\eclipse\dropinsbzw./Applications/eclipse/dropinsentpacken - Ordner
C:\web\eclipse\dropins\yuicompressorbzw./Applications/eclipse/dropins/yuicompressorerstellen - In den Ordner
C:\web\eclipse\dropins\yuicompressorbzw./Applications/eclipse/dropins/yuicompressordie Dateibuild.xml[1] einfügen - Eclipse starten
- Klick auf Drop-Down-Pfeil neben Icon „Externe Tools“ (weißes Dreicke im grünen Kreis mit kleinem Werkzeugkoffer) → Klick auf
Externe Tools Konfigurationen... - Rechtsklick auf
Ant-Erstellung→Neu- Name: Compress
- Erstellungsdatei:
C:\web\eclipse\dropins\yuicompressor\build.xml(das ist das zuvor erstellte Build-Skript, passen Sie gegebenenfalls den Ordner an) - Basisverzeichnis:
${project_loc} - Argumente:
-DECLIPSE_HOME=${eclipse_home}-DSRC_DIR=WebContent-DDIST_DIR=WebContent-DYUICOMPRESSOR=yuicompressor-2.x.x(2.x.xdurch aktuelle Versionsnummer ersetzen)
- Klick auf
Anwenden - Klick auf
Ausführen(Fehlermeldung ignorieren; wenn Sie nur aufSchließenklicken, tauchtCompressnicht im „Werkzeugkoffer-Menü“ auf)
Eclipse konfigurieren
Befolgen Sie die Anweisungen von „Konfiguration von Eclipse“.
Integration von Tomcat (optional)
Wenn Tomcat für die Entwicklung von Web-Projekten verwendet wird, sollte Tomcat zunächst installiert und dann in Eclipse eingebunden werden:
Datei→Neu→Andere- Klick auf Dreieck vor
Server→Server - Klick auf Dreieck vor
Apache→Tomcat Version 7.0 - Server⇒Weiter/Fertig stellen(je nachdem, welcher Button klickbar ist) - Tomcat-Installationsverzeichnis angeben:
C:\web\tomcat - Klick auf
Fertig stellen
Tomcat-Projekt benötigen eine Laufzeit-Umgebung, in der die eigentlichen Web-Auftritte gespeicher werden. Hierfür gibt es mehrere Möglichkeiten:
- das Tomcat-Webapps-Verzeichnis (
C:\web\tomcat\webapps) - ein spezieller Ordner im versteckten Verzeichnis
C:\web\workspace\.metadata(schwer zu finden, nicht zu empfehlen) - ein Eclipse-Projekt namens Tomcat, auf dessen Inhalt auch direkt über Eclipse zugegriffen werden kann
Hier wird die dritte Möglichkeit verwendet:
Datei⇒Neu→Andere- Klick auf Dreieck vor
Allgemein→Projekt - Projektname:
Tomcat - Tomcat konfigurieren:
Server→ DoppelklickTomcat Version 7.0 - Server - Tomcat konfigurieren:
Use custom Location→ Server path:Tomcat(das ist das zuvor angelegte Projekt), Deploy path:webapps - Tomcat ist einsatzbereit:
Server→ RechtsklickTomcat Version 7.0 - Serveroder Steuermenü in der Serverleist: Tomcat starten/stoppen etc.
-
Neue Tomcat-Umgebung erstellen:
Anderewählen -
Neue Tomcat-Umgebung erstellen:
Serverwählen -
Neue Tomcat-Umgebung erstellen:
Tomcat 6wählen -
Pfad zu Tomcat-Server angeben
-
Generischs Projekt erstellen:
Anderewählen -
Generische Projekt erstellen:
Projektwählen -
Projektname
Tomcat -
Tomcat konfigurieren und mit
Strg-Sspeichern -
Tomcat verwalten: starten/stoppen/etc.
-
Tomcat-Log-Datei: Der Start war erfolgreich
Integration von Apache (optional)
TO BE DONE
Quellen
- ↑ vgl. Santos (2006): Samuel Santos; Combine and minimize JavaScript and CSS files for faster loading; http://www.samaxes.com/2009/05/combine-and-minimize-javascript-and-css-files-for-faster-loading/; 2009; Quellengüte: 3 (Web)
- Kowarschick (CMS): Wolfgang Kowarschick; Vorlesung „Content-Management“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2012; Quellengüte: 3 (Vorlesung)
- Kowarschick (MMDB): Wolfgang Kowarschick; Vorlesung „Multimedia-Datenbanksysteme“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2016; Quellengüte: 3 (Vorlesung)
- Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)
Alle übrigen Quellen wurden direkt im Text angegeben.
