Installation von Eclipse: Unterschied zwischen den Versionen

← zur vorherigen Versionen-Differenz

Aktuelle Version vom 8. September 2016, 15:34 Uhr

VERALTET

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.

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 aufklappen (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-Ordner C:\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)

german-utf8.dic herunterladen und unter C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins speichern

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 auf Benutzervorgaben → Installieren/Aktualisieren ausklappen → Klick auf Websites mit verfügbarer Software
Klick auf Importieren → Die Datei extensions.xml auswählen → Klick auf Öffnen → OK
Klick auf Hilfe → Klick auf Neue 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

Damit Subclipse (nach einer entsprechenden Konfiguration) die korrekten Mime-Types anlegt, müssen Sie noch den Ordner C:/web/eclipse/dropins/subversion bzw. /Applications/eclipse/dropins/subversion erstellen und die Datei config (unter dem Namen config) in diesen Ordner kopieren.

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 herunterladen
jslint4java-2.x.x-dist.zip in Ordner C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins entpacken
jslint.js herunterladen umd im Ordner C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins speichern; allerdings schlägt diese Version teilweise „Verbesserungen“ vor, die die Semantik des Programms verändern; Alternative: jslint-wk.js

JSDoc

JSDoc erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine HTML-API-Dokumentation.

jsdoc-master.zip herunterladen
docstrap-master.zip herunterladen (= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen erstellen :-))
jsdoc-master.zip und docstrap-master.zip in den Ordner C:/web/eclipse/dropins bzw. /Applications/eclipse/dropins entpacken

Anmerkung

Die CSS-Dateien von docstrap sind fehlerhaft (vgl. https://github.com/terryweiss/docstrap/issues/5) und sollten angepasst werden (vgl. Line numbering and code now line up. Fixes issue #5. und Line numbering and code now line up. Fixes issue #5.).

Für den Style cosmo habe ich diese Korrektur durchgeführt. Kopieren Sie einfach http://glossar.hs-augsburg.de/beispiel/eclipse/docstrap/site.cosmo.css in den Eclipse-Ordner C:\web\eclipse\dropins\docstrap-master\template\static\styles\ bzw. /Applications/eclipse/dropins/docstrap-master/template/static/styles/.

YUI Compressor

YUI Compressor (yuicompressor-2.4.7.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 Datei build.xml^[1] einfügen

Anmerkung

Die aktuelle Version yuicompressor-2.4.8.zip funktioniert auf Windows-Systemen leider nicht korrekt (https://github.com/yui/yuicompressor/issues/78). Unter Linux und MacOS kann diese Version dagegen problemlos eingesetzt werden. Allerdings wird hierfür das Build-Skript build-2.4.8.xml benötigt, das unter dem Namen build.xml im Ordner C:\web\eclipse\dropins\yuicompressor bzw. /Applications/eclipse/dropins/yuicompressor abgespeichert werden muss.

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 → Doppelklick Tomcat 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 → Rechtsklick Tomcat Version 7.0 - Server oder Steuermenü in der Serverleist: Tomcat starten/stoppen etc.

Tomcat konfigurieren und mit Strg-S speichern
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.

Siehe auch

[1] 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)

[1]

@@ Zeile 1: / Zeile 1: @@
+'''VERALTET'''
 {{Qualität
 |correctness         = 4
@@ Zeile 6: / Zeile 8: @@
 |conformance         = 5
 }}
-=Vorbemerkung=
+==Vorbemerkung==
 [[Eclipse]] ist für die Entwicklung von dynamische Web-Anwendungen mit und ohne einen Web-Server (wie z.B. Tomcat) recht gut geeignet.
@@ Zeile 13: / Zeile 16: @@
 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)==
+==Installation von Eclipse==
-Für Windows 7, 64 Bit gibt es eine [[Installation von Eclipse/Vorgefertigte Eclipse-Instanzen|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:
@@ Zeile 28: / Zeile 26: @@
 * HSA-Rechner: z.B. <code>Z:\mmprog\workspace</code>, wichtig ist, dass Sie Laufwerk Z (das ist Ihr persönliches Benutzerverzeichnis) benutzen
-==Deutsche Sprachpakete installieren==
+===Deutsche Sprachpakete installieren===
 Das [http://www.eclipse.org/babel/downloads.php Eclipse Babel Project] stellt diverse Sprach-Pakete zu Verfügung, die allerdings noch nicht ganz fertiggestellt sind.
@@ Zeile 37: / Zeile 35: @@
 * Name: <code>Babel</code> → <code>OK</code>
 * (lange) warten bis <code>Pending</code> verschwindet
-* <code>Babel Language Packs in German</code> auklappen (Klick auf Dreieck)
+* <code>Babel Language Packs in German</code> aufklappen (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)
 * <code>Next</code> → <code>Next</code> → <code>I accept ...</code> selektieren → <code>Finish</code>
@@ Zeile 50: / Zeile 48: @@
 * Eclipse neu starten
-===Deutsche Rechtschreibprüfung installieren (optional)===
+====Deutsche Rechtschreibprüfung installieren (optional)====
-* [http://a-weinert.de/frame4j/downloads/de_DE.dic de_DE.dic] (von Albrecht Weinert) herunterladen und unter <code>C:/web/eclipse/dropins</code>  bzw. <code>/Applications/eclipse/dropins</code> speichern
+* [http://mmprog.hs-augsburg.de/beispiele/eclipse/german-utf8.dic german-utf8.dic] herunterladen und unter <code>C:/web/eclipse/dropins</code>  bzw. <code>/Applications/eclipse/dropins</code> speichern
-=Diverse weitere Eclipse-Pakete installieren=
+==Diverse weitere Eclipse-Pakete installieren==
-==Subclipse und Aptana==
+===Subclipse und Aptana===
 Folgende Plugins sollten Sie installieren:
@@ Zeile 73: / Zeile 71: @@
 * <code>Jetzt neu starten</code>
-==JSLint==
+Damit Subclipse (nach einer entsprechenden [[Konfiguration von Eclipse#Subclipse|Konfiguration]]) die korrekten [[Mime-Type]]s anlegt, müssen Sie noch den Ordner <code>C:/web/eclipse/dropins/subversion</code>  bzw. <code>/Applications/eclipse/dropins/subversion</code> erstellen und die Datei [http://glossar.hs-augsburg.de/beispiel/eclipse/config <code>config</code>] (unter dem Namen <code>config</code>) in diesen Ordner kopieren.
+===JSLint===
 [http://www.jslint.com/ JSLint] analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge.
@@ Zeile 82: / Zeile 82: @@
 * [http://code.google.com/p/jslint4java/downloads/list <code>jslint4java-2.x.x-dist.zip</code>] herunterladen
-* <code>jslint4java-2.x.x-dist.zip</code> in Ordner <code>C:\web\eclipse\dropins</code> entpacken
+* <code>jslint4java-2.x.x-dist.zip</code> in Ordner <code>C:/web/eclipse/dropins</code> bzw. <code>/Applications/eclipse/dropins</code> entpacken
-* [https://raw.github.com/douglascrockford/JSLint/master/jslint.js <code>jslint.js</code>] herunterladen umd im Ordner <code>C:\web\eclipse\dropins</code> speichern; allerdings schlägt diese Version teilweise „Verbesserungen“ vor, die die Semantik des Programms verändern; Alternative: [http://mmprog.hs-augsburg.de/beispiele/eclipse/jslint-wk.js <code>jslint-wk.js</code>]
+* [https://raw.github.com/douglascrockford/JSLint/master/jslint.js <code>jslint.js</code>] herunterladen umd im Ordner <code>C:/web/eclipse/dropins</code>  bzw. <code>/Applications/eclipse/dropins</code> speichern; allerdings schlägt diese Version teilweise „Verbesserungen“ vor, die die Semantik des Programms verändern; Alternative: [http://mmprog.hs-augsburg.de/beispiele/eclipse/jslint-wk.js <code>jslint-wk.js</code>]
-==JSDoc==
+===JSDoc===
 [http://usejsdoc.org/ JSDoc] erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine [[HTML]]-[[API]]-Dokumentation.
 * [https://github.com/jsdoc3/jsdoc/archive/master.zip <code>jsdoc-master.zip</code>] herunterladen
-* [https://github.com/terryweiss/docstrap/archive/master.zip <code>docstrap-master.zip</code>] (= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen :-)) herunterladen
+* [https://github.com/terryweiss/docstrap/archive/master.zip <code>docstrap-master.zip</code>] herunterladen (= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen erstellen :-))
-* <code>jsdoc-master.zip</code> und <code>docstrap-master.zip</code> in den Ordner <code>C:\web\eclipse\dropins</code> entpacken
+* <code>jsdoc-master.zip</code> und <code>docstrap-master.zip</code> in den Ordner <code>C:/web/eclipse/dropins</code>  bzw. <code>/Applications/eclipse/dropins</code> entpacken
-==YUI Compressor==
+'''Anmerkung'''
-* YUI Compressor ([http://yuilibrary.com/download/yuicompressor/ yuicompressor-2.x.x.zip]) herunterladen
+Die CSS-Dateien von docstrap sind fehlerhaft (vgl. https://github.com/terryweiss/docstrap/issues/5)
+und sollten angepasst werden (vgl. [https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.] und
+[https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.]).
+Für den Style <code>cosmo</code> habe ich diese Korrektur durchgeführt. Kopieren Sie einfach
+http://glossar.hs-augsburg.de/beispiel/eclipse/docstrap/site.cosmo.css in den Eclipse-Ordner
+<code>C:\web\eclipse\dropins\docstrap-master\template\static\styles\</code> bzw. <code>/Applications/eclipse/dropins/docstrap-master/template/static/styles/</code>.
+===YUI Compressor===
+* YUI Compressor ([https://github.com/downloads/yui/yuicompressor/yuicompressor-2.4.7.zip yuicompressor-2.4.7.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 konfigurieren=
+'''Anmerkung'''
+Die aktuelle Version [http://yuilibrary.com/download/yuicompressor/ yuicompressor-2.4.8.zip] funktioniert auf Windows-Systemen leider nicht korrekt (https://github.com/yui/yuicompressor/issues/78).
+Unter Linux und MacOS kann diese Version dagegen problemlos eingesetzt werden. Allerdings wird hierfür das
+Build-Skript [http://glossar.hs-augsburg.de/beispiel/eclipse/build-2.4.8.xml <code>build-2.4.8.xml</code>] benötigt, das unter dem Namen <code>build.xml</code>
+im Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> abgespeichert werden muss.
+==Eclipse konfigurieren==
 Befolgen Sie die Anweisungen von „[[Konfiguration von Eclipse]]“.
-=Integration von Tomcat (optional)=
+==Integration von Tomcat (optional)==
 Wenn [[Tomcat]] für die Entwicklung von Web-Projekten verwendet wird, sollte
@@ Zeile 130: / Zeile 147: @@
 <gallery widths="350" heights="250" perrow="3">
-   Medium:Eclipse_Tomcat_07.png | Tomcat konfigurieren und mit <code>Strg-S</code> speichern
+   Datei:Eclipse_Tomcat_07.png | Tomcat konfigurieren und mit <code>Strg-S</code> speichern
-   Medium:Eclipse_Tomcat_08.png | Tomcat verwalten: starten/stoppen/etc.
+   Datei:Eclipse_Tomcat_08.png | Tomcat verwalten: starten/stoppen/etc.
-   Medium:Eclipse_Tomcat_09.png | Tomcat-Log-Datei: Der Start war erfolgreich
+   Datei:Eclipse_Tomcat_09.png | Tomcat-Log-Datei: Der Start war erfolgreich
 </gallery>
-=Integration von Apache (optional)=
+==Integration von Apache (optional)==
 {{TBD}}
-=Quellen=
+==Quellen==
 <references/>
 <ol start="2">
@@ Zeile 147: / Zeile 164: @@
 Alle übrigen Quellen wurden direkt im Text angegeben.
-=Siehe auch=
+==Siehe auch==
 * [[Installation von Eclipse/Android SDK|Integration des Android SDKs zur Entwicklung von Android-Anwendungen mit Eclipse]]
 * [[Konfiguration von Eclipse]]
 [[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]]

Anonym

Suche

Installation von Eclipse: Unterschied zwischen den Versionen

Namensräume

Mehr

Seitenaktionen

Aktuelle Version vom 8. September 2016, 15:34 Uhr

Inhaltsverzeichnis

Vorbemerkung