Installation von Eclipse: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
'''VERALTET''' | |||
{{Qualität | {{Qualität | ||
|correctness = 4 | |correctness = 4 | ||
Zeile 6: | Zeile 8: | ||
|conformance = 5 | |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. | [[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. | 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 (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 | * 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. | 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 50: | Zeile 48: | ||
* Eclipse neu starten | * Eclipse neu starten | ||
===Deutsche Rechtschreibprüfung installieren (optional)=== | ====Deutsche Rechtschreibprüfung installieren (optional)==== | ||
* [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 | * [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: | Folgende Plugins sollten Sie installieren: | ||
Zeile 73: | Zeile 71: | ||
* <code>Jetzt neu starten</code> | * <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. | [http://www.jslint.com/ JSLint] analysiert die Syntax einer JavaScript-Datei und macht Verbesserungsvorschläge. | ||
Zeile 85: | Zeile 85: | ||
* [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>] | * [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. | [http://usejsdoc.org/ JSDoc] erstellt aus in JavaScript-Dateien enthaltenen Kommentaren, die bestimmte Formatbedingungen erfüllen, automatisch eine [[HTML]]-[[API]]-Dokumentation. | ||
Zeile 95: | Zeile 95: | ||
'''Anmerkung''' | '''Anmerkung''' | ||
Die | 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 | 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.]). | [https://github.com/michaelward82/docstrap/commit/3b21274acf2ae83c229b08f083539905ea990e64 Line numbering and code now line up. Fixes issue #5.]). | ||
Zeile 103: | Zeile 103: | ||
<code>C:\web\eclipse\dropins\docstrap-master\template\static\styles\</code> bzw. <code>/Applications/eclipse/dropins/docstrap-master/template/static/styles/</code>. | <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=== | ||
* YUI Compressor ([https://github.com/downloads/yui/yuicompressor/yuicompressor-2.4.7.zip yuicompressor-2.4.7.zip]) herunterladen | * YUI Compressor ([https://github.com/downloads/yui/yuicompressor/yuicompressor-2.4.7.zip yuicompressor-2.4.7.zip]) herunterladen | ||
Zeile 117: | Zeile 117: | ||
im Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> abgespeichert werden muss. | im Ordner <code>C:\web\eclipse\dropins\yuicompressor</code> bzw. <code>/Applications/eclipse/dropins/yuicompressor</code> abgespeichert werden muss. | ||
=Eclipse konfigurieren= | ==Eclipse konfigurieren== | ||
Befolgen Sie die Anweisungen von „[[Konfiguration von Eclipse]]“. | 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 | Wenn [[Tomcat]] für die Entwicklung von Web-Projekten verwendet wird, sollte | ||
Zeile 147: | Zeile 147: | ||
<gallery widths="350" heights="250" perrow="3"> | <gallery widths="350" heights="250" perrow="3"> | ||
Datei:Eclipse_Tomcat_07.png | Tomcat konfigurieren und mit <code>Strg-S</code> speichern | |||
Datei:Eclipse_Tomcat_08.png | Tomcat verwalten: starten/stoppen/etc. | |||
Datei:Eclipse_Tomcat_09.png | Tomcat-Log-Datei: Der Start war erfolgreich | |||
</gallery> | </gallery> | ||
=Integration von Apache (optional)= | ==Integration von Apache (optional)== | ||
{{TBD}} | {{TBD}} | ||
=Quellen= | ==Quellen== | ||
<references/> | <references/> | ||
<ol start="2"> | <ol start="2"> | ||
Zeile 164: | Zeile 164: | ||
Alle übrigen Quellen wurden direkt im Text angegeben. | 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]] | * [[Installation von Eclipse/Android SDK|Integration des Android SDKs zur Entwicklung von Android-Anwendungen mit Eclipse]] | ||
* [[Konfiguration von Eclipse]] | * [[Konfiguration von Eclipse]] | ||
[[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]] | [[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]] |
Aktuelle Version vom 8. September 2016, 17: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-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)
- 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 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
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
herunterladenjslint4java-2.x.x-dist.zip
in OrdnerC:/web/eclipse/dropins
bzw./Applications/eclipse/dropins
entpackenjslint.js
herunterladen umd im OrdnerC:/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
herunterladendocstrap-master.zip
herunterladen (= JSDoc-Templates; Sie können alternativ auch Ihre eigenenen erstellen :-))jsdoc-master.zip
unddocstrap-master.zip
in den OrdnerC:/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 Dateibuild.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
→ 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.
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.