Installation von Eclipse: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) |
Kowa (Diskussion | Beiträge) |
||
Zeile 112: | Zeile 112: | ||
==YUI Compressor== | ==YUI Compressor== | ||
* YUI Compressor ([http://yuilibrary.com/download/yuicompressor/ yuicompressor-2.x.x.zip]) herunterladen | |||
* yuicompressor-2.x.x.zip in den Ordner <code>C:\web\eclipse\dropins</code> bzw. <code>/Applications/eclipse/dropins</code> entpacken | |||
* Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> erstellen | |||
* In den Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> die Datei [http://glossar.hs-augsburg.de/beispiel/eclipse/build.xml <code>build.xml</code>]<ref>vgl. {{Quelle|Santos, S. (2009): Combine and minimize JavaScript and CSS files for faster loading}}</ref> 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 <code>Externe Tools Konfigurationen...</code> | |||
* Rechtsklick auf <code>Ant-Erstellung</code> → <code>Neu</code> | |||
** Erstellungsdatei: <code>D:\web\eclipse\dropins\yuicompressor\build.xml</code> (das ist das zuvor erstellte Build-Skript, passen Sie gegebenenfalls den Ordner an) | |||
** Basisverzeichnis: <code>${project_loc}</code> | |||
** Argumente: <br /><code>-DECLIPSE_HOME=${eclipse_home}</code><br /><code>-DSRC_DIR=WebContent</code><br /><code>-DDIST_DIR=WebContent</code><br /><code>-DYUICOMPRESSOR=yuicompressor-2.4.7</code> | |||
* Klick auf <code>Anwenden</code> | |||
* Klick auf <code>Ausführen</code> (Fehlermeldung ignorieren; wenn Sie nur auf <code>Schließen</code> klicken, taucht <code>Compress</code> nicht im „Werkzeugkoffer-Menü“ auf) | |||
Anmerkung: Passen Sie die Argumente gegebenenfalls an Ihre Eclipse-Installation an: | |||
* Beim Argument <code>-DYUICOMPRESSOR</code> müssen Sie die Versionsnummer der von Ihnen eingesetzen Version des YUI-Kompressors angeben. | |||
=Eclipse konfigurieren= | =Eclipse konfigurieren= |
Version vom 26. September 2013, 09:28 Uhr
Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen:
Korrektheit: 4 (großteils überprüft) |
Umfang: 4 (unwichtige Fakten fehlen) |
Quellenangaben: 5 (vollständig vorhanden) |
Quellenarten: 4 (sehr gut) |
Konformität: 4 (sehr gut) |
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\eclipse
enthält Eclipse (C:\web\eclipse\eclipse.exe
bzw./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-mmprog
bzw./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.exe
bzw./Applications/eclipse/Eclipse.app
) - Wählen Sie einen geeignet Workspace aus (z.B.
C:\web\mmprog
bzw./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
Pending
verschwindet Babel Language Packs in German
auklappen (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.zip
herunterladen- Die beiden Ordner, die im Ordner
eclipse
des 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/features
und/Applications/eclipse/plugins
kopieren - Eclipse neu starten
Deutsche Rechtschreibprüfung installieren (optional)
- de_DE.dic (von Albrecht Weinert) herunterladen und unter
C:/web/eclipse/dropins
bzw./Applications/eclipse/dropins
speichern Fenster
→Benutzervorgaben
→Allgemein
aufklappen →Editoren
aufklappen →Texteditoren
aufklappen →Schreibprüfung selektieren
- Benutzerdefiniertes Wöerterbuch:
Durchsuchen
und die Dateide_DE.dic
selektieren (bzw.${eclipse_home}\dropins\de_DE.dic
eintragen) - Codierung:
Sonstige
anklicken →UTF-8
wä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/Aktualisieren
ausklappen → Klick aufWebsites mit verfügbarer Software
- Klick auf
Importieren
→ Die Dateiextensions.xml
auswä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 Studio
aufklappen →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.zip
herunterladenjslint4java-2.x.x-dist.zip
in OrdnerC:\web\eclipse\dropins
entpackenjslint.js
herunterladen umd im OrdnerC:\web\eclipse\dropins
speichern; 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.x
durch aktuele 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ßen
klicken, tauchtJSLint
nicht 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 Optionen, die als Argument an den zugehörigen Java-Aufruf übergeben werden können: http://docs.jslint4java.googlecode.com/git/2.0.3/cli.html
YUI Compressor
- YUI Compressor (yuicompressor-2.x.x.zip) herunterladen
- yuicompressor-2.x.x.zip in den Ordner
C:\web\eclipse\dropins
bzw./Applications/eclipse/dropins
entpacken - Ordner
C:\web\eclipse\dropins\yuicompressor
bzw./Applications/eclipse/dropins/yuicompressor
erstellen - In den Ordner
C:\web\eclipse\dropins\yuicompressor
bzw./Applications/eclipse/dropins/yuicompressor
die 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
- Erstellungsdatei:
D:\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.4.7
- Erstellungsdatei:
- Klick auf
Anwenden
- Klick auf
Ausführen
(Fehlermeldung ignorieren; wenn Sie nur aufSchließen
klicken, tauchtCompress
nicht im „Werkzeugkoffer-Menü“ auf)
Anmerkung: Passen Sie die Argumente gegebenenfalls an Ihre Eclipse-Installation an:
- Beim Argument
-DYUICOMPRESSOR
müssen Sie die Versionsnummer der von Ihnen eingesetzen Version des YUI-Kompressors angeben.
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 - Server
oder Steuermenü in der Serverleist: Tomcat starten/stoppen etc.
- Eclipse Tomcat 01.png
Neue Tomcat-Umgebung erstellen:
Andere
wählen - Eclipse Tomcat 02.png
Neue Tomcat-Umgebung erstellen:
Server
wählen - Eclipse Tomcat 03.png
Neue Tomcat-Umgebung erstellen:
Tomcat 6
wählen - Eclipse Tomcat 04.png
Pfad zu Tomcat-Server angeben
- Eclipse Tomcat 01.png
Generischs Projekt erstellen:
Andere
wählen - Eclipse Tomcat 05.png
Generische Projekt erstellen:
Projekt
wählen - Eclipse Tomcat 06.png
Projektname
Tomcat
- Eclipse Tomcat 07.png
Tomcat konfigurieren und mit
Strg-S
speichern - Eclipse Tomcat 08.png
Tomcat verwalten: starten/stoppen/etc.
- Eclipse Tomcat 09.png
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.