jlroot Projekte & HowTos

PHP Eclipse statt Dreamweaver – HowTo Install

Einleitung

Für PHP-Entwickler die als Entwicklungstool bisher "Dreamweaver" verwenden, ist dieses HowTo Install gedacht.
Als langjähriger DW Nutzer stelle ich recht hohe Anforderungen an eine Entwicklungsumgebung.
Dazu gehören unter anderem:

  • Autovervöllständigen (PHP,HTML,CSS)
  • Syntax-Highlighting
  • Projektverwaltung (SITEs)
  • Team-work Funktionalitäten
  • FTP Integration (auto-upload on save)
  • …

Als kostenlose Alternative die sehr weit verbreitet ist, viel mein Augenmerk auf "Eclipse".
Eclipse ist weitestgehend plattformunabhängig da es auf der Java-Runtime-Umgebung (JRE) aufbaut.

Sehr gute Artikel mit mehr Background Infos zu Eclipse, der Community etc. gibts auf contentmanager.de.

Hier möchte nur ein knapp gehaltenes HowTo anbieten, welches durch die Installation einer vollwertigen PHP-Entwicklungsplattform führt.
HowTo’s und Details gibt es im www genügend in allen Sprachen – ganz wie gewohnt, von Open Source Projekten die von einer großen und breiten Community gepflegt werden.

Nach mehr als 8 versuchten Installationen von Eclipse und allen, aus meiner Sicht notwendigen Plugins, unter zu Hilfe nahme mehrere HowTo’s in englisch und deutsch, die alle immer nur auf 2-3 PlugIns Bezug nahmen, hielt ich es für notwendig, dieses HowTo zu erstellen.

——-

HowTo Install Eclipse PHP IDE (PDT) für Windows (XP/Vista)

Dieses HowTo stellt keinen Anspruch auf Vollständigkeit, alles unter Vorbehalt und ohne Gewähr. 😉

Funktionen nach der erfolgreichen Installation, u.a.:

  • leistungsfähiger PHP-Editor
  • Syntax-Highlighting
  • Autovervollständigen
  • Debugging (Konsole, Browser mit und ohne Webserver)
  • Quellcode-Faltung
  • PHPDoc-Kommentare
  • Code-Templates
  • Subversion (SVN), CVS
  • WebDAV
  • FTP-Syncronisation
  • …

…alles nicht nur für PHP-Code sondern u.a. auch für XML, (X)HTML, CSS, JavaScript, SQL, …
Mit weiteren kostenlosen (und auch kostenpflichtigen) Plugins/Paketen werden viele viele weitere Code-Sprachen und Funktionen unterstützt.

 

benötigte Dateien:

Da die gesamte IDE auf Java basiert, ist ein Gelingen häufig nur von kleinen Versions-Inkompatibilitäten verwendeter Pakete abhängig.
Daher gebe ich hier genau die Files inkl. Versionsnummern an, welche ICH verwendet habe, wie es bei funktioniert hat. Es ist von mir empfohlen aber nicht durchweg Pflicht, die gleichen Versionen zu verwenden.
!!! Achtung !!! Wer gerne eine Umgebung in der Muttersprache verwenden möchte und daher das BABEL Paket installiert, sollte dies *unbedingt* am Ende der Installation tun, da es sonst zu massig Problemen bei Paket-Abhängigkeiten kommt. (spreche aus Erfahrung 🙁 – daher auch 8 Fehlversuche)

…restliche Pakete werden über die Paketverwaltung von Eclipse installiert (Internetzugang erforderlich)

Requirements

–  Java runtime environment (JRE) (Java 5 JRE oder höher)
Bei den meisten Windows PCs bereits installiert.

Installation

Screencast 1 – für Step 1 bis 5  (!Vollbild 1280×800 Pixel)

Step 1 – Eclipse Classic 3.4.1

  1. eclipse-SDK-3.4.1-win32.exe entpacken, in Zielverzeichnis (Bsp: "D:\eclipse" )
  2. Eclipse das 1. Mal starten
  3. Workspace einstellen
    (Default Arbeitsbereich – Ordner in dem alle Projekte per default gespeichert werden)
  4. Zend Debugger now appears checked in the Sites to include in search list, click Finish
  5. The update manager searches for the files to download
  6. All Zend Debugger options should be checked on the Search Results screen, click Next
  7. Agree to the licensing terms, click Next
  8. Select the Zend Debugger in the Features to Install screen, you can change the install location, but the default is recommended, click Finish
  9. Verify the Zend Debugger on the Feature Verification screen, click Install All
  10. After installation you’ll be asked to restart Eclipse for the changes to take affect

Step 2 – Subclipse (SVN) *optional

  1. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  2. "Add Site…"
    1. Location: http://subclipse.tigris.org/update_1.4.x
    2. "OK"
  3. Neuen Eintrag in der Übersicht aufklappen
    1. "Subclipse (reuqired)" markieren
    2. "SVNKit Adapter (optional)" markieren
  4. "Install…"
  5. Lizenzbedingungen (lesen) und akzeptieren
  6. Eclipse fordert dich zum Neustart (von Eclipse – nicht PC) auf, tue dies "YES"

Step 3 – Web Tools Plattform (WTP)

  1. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  2. "Ganymede" (aufklappen)
    1. "Web and Java EE Development" (aufklappen)
    2. auswählen:
      • "Eclipse XML Editors and Tools"
      • "Web Developer Tools"
      • "Web Page Editor"
      • "JavaScript Developer Tools"
  3. "Install…"
  4. Lizenzbedingungen (lesen) und akzeptieren
  5. Eclipse bei Aufforderung neustarten "YES"

Step 4 – Data Tools Plattform (DTP)

  1. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  2. "Ganymede" (aufklappen)
    1. "Database Development" (aufklappen)
    2. auswählen:
      • "Data Tools Platform Enablement"
      • "Data Tools Platform SQL Development Tools"
  3. "Install…"
  4. Lizenzbedingungen (lesen) und akzeptieren
  5. Eclipse bei Aufforderung neustarten "YES"

Step 5 – Graphical Editing Framework (GEF)

  1. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  2. "Ganymede" (aufklappen)
    1. "Graphical Editors and Frameworks" (aufklappen)
    2. auswählen:
      • "Graphical Editing Framework GEF"
      • "Graphical Editing Framework Zest Visualisation Toolkit"
  3. "Install…"
  4. Lizenzbedingungen (lesen) und akzeptieren
  5. Eclipse bei Aufforderung neustarten "YES"

 

Screencast 2 – für Step 6+7+8  (!Vollbild 1280×800 Pixel)

Step 6 – Dynamic Languages Toolkit (DLTK)

  1. dltk-core-sdk-S-1.0M2-200810011537-incubation.zip entpacken
  2. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  3. "Add Site…"
    1. "Local"
    2. Pfad zum entpackten Ordner auswählen
    3. "OK"
  4. Neuen Eintrag in der Übersicht aufklappen
    1. DLTK Core Framework und DLTK Core SDK auswählen
  5. "Install…"
  6. Lizenzbedingungen (lesen) und akzeptieren
  7. Eclipse fordert dich zum Neustart (von Eclipse – nicht PC) auf, tue dies "YES"

Step 7 – PHP Development Tools – PDT 2.0 (PDT)

  1. pdt-SDK-S20081102.zip entpacken
  2. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  3. "Add Site…"
    1. "Local"
    2. Pfad zum entpackten Ordner auswählen
    3. "OK"
  4. Neuen Eintrag in der Übersicht aufklappen
    1. alle 3 PDT Pakete auswählen
  5. "Install…"
  6. Lizenzbedingungen (lesen) und akzeptieren
  7. Eclipse fordert dich zum Neustart (von Eclipse – nicht PC) auf, tue dies "YES"

Step 8 – WebDAV and FTP support *optional

Das WebDAV+FTP Paket ist eigentlich nicht für diese Distribution von Eclipse gemacht, bemeckert dies auch, funktioniert aber trotzdem.
Ein Geheim-Tip (aus dem WWW), der aus der Not entstanden ist, das es bisher keine brauchbaren Plugins für die FTP Funktionalitäten für Eclipse gibt.

  1. easy-eclipse-webdav-ftp-3.2.2.exe entpacken und Setup aufrufen
  2. Schritte durchklicken
  3. wenn Aufforderung kommt, den Eclipse Programm Ordner auswählen ("D:\eclipse"), in dem wir eben Eclipse installiert haben
  4. Warnhinweis und die Frage "Do you want to countinue anyway?" mit "JA" bestätigen
  5. …fertig

 

Optional folgende Steps für PHP Debugging, JS coding, Translation

Step 9 – Zend Debugger (für PDT)

Screencast 3 (!Vollbild 1280×800 Pixel)

  1. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  2. "Add Site…"
    1. Location: http://downloads.zend.com/pdt
    2. "OK"
  3. Neuen Eintrag in der Übersicht markieren
  4. "Install…"
  5. Lizenzbedingungen (lesen) und akzeptieren
  6. Eclipse fordert dich zum Neustart (von Eclipse – nicht PC) auf, tue dies "YES"

Step 10 – JSEclipse (GEF)

Screencast 4 (!Vollbild 1280×800 Pixel)

  1. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  2. "Add Site…"
    1. Location: http://download.macromedia.com/pub/labs/jseclipse/autoinstall/site.xml
    2. "OK"
  3. Neuen Eintrag in der Übersicht markieren
  4. "Install…"
  5. Lizenzbedingungen (lesen) und akzeptieren
  6. Eclipse fordert dich zum Neustart (von Eclipse – nicht PC) auf, tue dies "YES"

Step 11 – Babel Translation Project (Babel)

Screencast 5 (!Vollbild 1280×800 Pixel)

  1. Menü im Eclipse "Help"->"Software Updates"->"Available Software"
  2. "Add Site…"
    1. Location: http://download.eclipse.org/technology/babel/update-site/ganymede
    2. "OK"
  3. Neuen Eintrag in der Übersicht aufklappen (kann etwas dauern)
    1. gewünschte Sprache auswählen
  4. "Install…"
  5. Lizenzbedingungen (lesen) und akzeptieren
  6. Eclipse fordert dich zum Neustart (von Eclipse – nicht PC) auf, tue dies "YES"

FERTIG!

 

Beispiele um die verschiedenen Funktionen zu nutzen.

1. PHP Projekt erstellen

  Screencast 6 (!Vollbild 1280×800 Pixel)

2. FTP Projekt einrichten (PHP Projekt mit Syncronisierung via FTP auf z.B. Webserver)

  Screencast 7 (!Vollbild 1280×800 Pixel) 

3. SVN Projekt einrichten (PHP Projekt mit SVN Syncronisierung auf entferntem Server)

  Screencast 8 (!Vollbild 1280×800 Pixel)

 

Quellen / Verweise:

Info: contentmanager.de Artikel 1
Info: contentmanager.de Artikel 2
HowTo: Freaks Unidos Wiki Universe
HowTo: Eclipsepedia – PDT/Tutorials
HowTo: 2 tablespoon
HowTo: bueltge.de

Ich hoffe, das HowTo konnte einigen von euch helfen. Je nach dem, wie euer Feedback ausfallen wird, werde ich ggf. dieses HowTo optimieren.