Im Frühjahr letzten Jahres schlossen sich die unabhängig gestarteten Projekte„tyClipse"von Sebastian Böttger und Eckhard M. Jäger sowie„FLOW3DE"von David Brühlmeier zusammen. Unter dem Namen „DEV3“ [1] entwickelt das Team seitdem gemeinsam eine Entwicklungsumgebung für TYPO3 (Version 4 und 5), TypoScript und das kommende PHP-Framework FLOW3. Da FLOW3 und TYPO3 5.0 noch nicht den finalen Status erreicht haben, zeigt dieser Artikel auf, wie Entwickler DEV3 bei ihrer täglichen Arbeit mit TYPO3 4.x effektiv nutzen können.

Installation

Die Installation von DEV3 (auf Heft-CD) ist sehr einfach. Basis kann eine bestehende Eclipse-Installation oder das Komplettpaket der PHP Developer Tools (PDT) (auf Heft-CD) sein. Um die DEV3-Erweiterung zu installieren, rufen Sie in Eclipse/PDT im Menü „Help -> Software Updates...“ den Reiter „Available Software“ auf. Dort geben Sie im Dialog von „Add Sites“ die URL „http://www.dev3.org/update"an. Nach erfolgreichem Hinzufügen der Site installieren Sie DEV3, indem Sie im Dialog „Software Updates und Addons“ im Reiter „Available Software“ das Häkchen vor „http://www.dev3.org/update" setzen und auf „Install...“ klicken.

Anpassen der Oberfläche

Nach erfolgreicher Installation macht sich DEV3 auf den ersten Blick kaum bemerkbar. Um die verschiedenen Hilfe-Tools von DEV3 immer „griffbereit“ zu haben, empfiehlt es sich, für die Arbeit mit TypoScript eine eigene Ansicht (in Eclipse/PDT „Perspektive“ genannt) zu erstellen. Dies erledigen Sie über die Menüpunkte „Window -> Customize Perspective“ oder „Window -> Show View -> Other“. Zu der neuen Perspektive können Sie nun die Snippet-Ansicht(Kategorie „General“) und die Template-Ansicht(Kategorie „TS DB Browser“) hinzufügen.

Arbeiten mit TypoScript

Jede Datei mit der Endung „*.ts“ wird von Eclipse/PDT als TypoScript-Datei erkannt und im DEV3-Editor geöffnet, wo der Entwickler in den Genuss von Syntax-Highlighting und Code-Vervollständigung kommt. Neben den „klassischen“ Bearbeitungsmöglichkeiten vieler Editoren – „Copy & Paste“ sowie Editieren ausgelagerter TypoScript-Dateien – bietet DEV3 Entwicklern auch direkten Zugriff auf die Datenbank. Dieser muss in der MySQL-Datenbank vorher explizit gestattet werden. Aus Sicherheitsgründen sollte dies dem Datenbankserver jedoch nur bei bestimmten IP-Adressen des Clients erlaubt werden.

Ist dies geschehen, können in der Template-Ansicht der Erweiterung „TS DB Browser“ die Verbindung zur Datenbank einer TYPO3-Installation sowie eine Zuordnung zum eigenen Eclipse-/PDT-Projekt angelegt werden.

Nach erfolgreichem Verbindungsaufbau öffnet sich eine neue Ansicht, in der in einer Baumstruktur sämtliche in der TYPO3-Datenbank existierende Templates aufgelistet sind. Seiten mit enthaltenen Templates werden dabei als Ordner dargestellt, deren Inhalt sind die eigentlichen Templates als Elemente. Ein Doppelklick auf ein Element im Ordner öffnet den Setup-Code des Templates. Per Rechtsklick über das Kontextmenü erhält man Zugriff auf die Constants.