Knowledge Base Guide

Wichtige Tools für die PrestaShop-Entwicklung

Kuratierte Toolsammlung für PrestaShop-Entwickler — Code-Editoren, Debugging, Datenbank-Tools, Bildbearbeitung, Versionskontrolle und unser Open-Source-Stack.

Warum Ihre Werkzeuge wichtig sind

PrestaShop-Entwicklung ist nicht nur PHP. An einem typischen Arbeitstag bearbeiten Sie Smarty-Templates, schreiben SQL-Abfragen, debuggen JavaScript, verarbeiten Produktbilder, verwalten Docker-Container, deployen per SSH und lesen Apache-Logs. Die Werkzeuge, die Sie wählen, beeinflussen direkt, wie schnell Sie arbeiten und wie viele Fehler Sie machen.

Dies ist keine generische Liste aus „Top 10 Developer Tools“-Artikeln zusammenkopiert. Jedes hier aufgeführte Tool ist etwas, das wir tatsächlich in unserem täglichen Workflow verwenden — wir betreiben über 100 Docker-Container auf einem TrueNAS-Server, entwickeln Module für PrestaShop 1.6 bis 9.1 und verwalten Produktiv-Shops. Wenn ein Tool hier aufgeführt ist, hat es sich seinen Platz verdient.

Jedes Tool auf dieser Seite ist kostenlos oder Open Source. Wir weisen darauf hin, wo kostenpflichtige Alternativen existieren, aber Sie können eine vollständige, professionelle PrestaShop-Entwicklungsumgebung aufbauen, ohne einen einzigen Dollar für Softwarelizenzen auszugeben.

Code-Editoren und IDEs

In Ihrem Editor verbringen Sie 80% Ihrer Entwicklungszeit. Wählen Sie mit Bedacht.

Visual Studio Code — Die Standardwahl

Visual Studio Code (VS Code) ist kostenlos, Open Source und hat sich zum De-facto-Standard für Webentwicklung entwickelt. Es verarbeitet PHP, JavaScript, Smarty-Templates, SCSS, SQL, Docker-Dateien und YAML ohne Probleme. Das Extension-Ökosystem deckt alles ab, was PrestaShop Ihnen abverlangt.

Essentielle Extensions für die PrestaShop-Entwicklung:

  • PHP Intelephense: Intelligente PHP-Code-Vervollständigung, Gehe-zu-Definition, Referenzen finden und Fehlererkennung. Es versteht PrestaShops Klassenhierarchie — tippen Sie $this->context-> ein und erhalten Sie echte Vorschläge. Die kostenlose Version ist hervorragend; die kostenpflichtige Lizenz ergänzt Umbenennungs-Refactoring und mehr.
  • Smarty Template Support: Syntax-Highlighting und Snippets für .tpl-Dateien. Ohne diese Extension sind Smarty-Dateien nur unformatierter Text.
  • GitLens: Zeigt an, wer jede Zeile geändert hat, wann und warum — direkt im Editor. Unschätzbar wertvoll beim Debuggen eines Moduls, das letzte Woche noch funktionierte und jetzt nicht mehr.
  • Docker: Container verwalten, Logs anzeigen, in Shells exec-en — alles aus der Seitenleiste. Kein Wechsel mehr zum Terminal für docker ps.
  • Remote - SSH: Dateien auf einem Remote-Server bearbeiten, als wären sie lokal. Öffnen Sie Ihr gesamtes PrestaShop-Projektverzeichnis über SSH mit voller IntelliSense-Unterstützung. So arbeiten wir: VS Code läuft auf einem lokalen Arch-Linux-Desktop, verbunden per SSH mit einem TrueNAS-Server, auf dem alle Docker-Container laufen.
  • PHP Debug: Xdebug-Integration — Breakpoints setzen, Variablen inspizieren, Code schrittweise durchgehen. Verwandelt „Warum gibt dieser Hook null zurück?“ von einem 30-minütigen Rätsel in eine 2-minütige Untersuchung.

Xdebug mit VS Code einrichten:

Fügen Sie eine .vscode/launch.json zu Ihrem Projekt hinzu:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for Xdebug",
            "type": "php",
            "reqüst": "launch",
            "port": 9003,
            "pathMappings": {
                "/var/www/html": "${workspaceFolder}"
            }
        }
    ]
}

Konfigurieren Sie in Ihrem PHP-Container Xdebug 3:

xdebug.mode=debug
xdebug.start_with_reqüst=trigger
xdebug.client_host=host.docker.internal
xdebug.client_port=9003

Installieren Sie die Xdebug Helper-Browsererweiterung, klicken Sie auf „Debug“ im Extension-Icon, drücken Sie F5 in VS Code und laden Sie Ihre PrestaShop-Seite neu. Die Ausführung stoppt an Ihren Breakpoints. Dieser Workflow wird Ihnen mehr Zeit sparen als jedes andere Tool auf dieser Liste.

PHPStorm — Die Premium-Alternative

PHPStorm von JetBrains ist der Goldstandard unter den PHP-IDEs. Es bietet von Haus aus ein tieferes PHP-Verständnis als VS Code — Refactoring, Datenbankintegration, eingebautes Terminal und Xdebug-Unterstützung, die einfach funktioniert. Der Nachteil: Es ist ein kostenpflichtiges Produkt (30 Tage kostenloser Test, dann ein Abonnement). Es verbraucht außerdem mehr RAM als VS Code — rechnen Sie mit 2-4 GB für ein großes PrestaShop-Projekt.

Wenn Sie Vollzeit-PrestaShop-Entwickler sind und Ihr Workflow zu 90% aus PHP besteht, kann sich PHPStorm lohnen. Wenn Sie auch JavaScript, DevOps und mehrere Sprachen bearbeiten, sind die Flexibilität und das geringere Gewicht von VS Code sinnvoller.

Schnelle Server-Bearbeitungen: Kate, nano, vim

Manchmal verbinden Sie sich per SSH mit einem Server und müssen eine Zeile in einer Konfigurationsdatei ändern. Dafür brauchen Sie keine vollwertige IDE.

  • nano: Auf jedem Linux-System verfügbar. nano /etc/php/8.2/fpm/php.ini — bearbeiten, Strg+O zum Speichern, Strg+X zum Beenden. Einfach.
  • vim: Schneller, sobald Sie es gelernt haben, aber die Lernkurve ist real. Wenn Sie vim bereits kennen, brauchen Sie diesen Absatz nicht.
  • Kate: KDEs Texteditor. Volles Syntax-Highlighting, geteilte Ansichten, eingebautes Terminal. Wenn Sie auf einem Linux-Desktop arbeiten und etwas zwischen nano und VS Code brauchen, ist Kate ausgezeichnet.

Versionskontrolle

Wenn Ihr Modul-Code nicht in Git liegt, sind Sie nur eine schlechte Bearbeitung von einer Katastrophe entfernt. Punkt.

Git — Nicht verhandelbar

Git ist nicht optional. Jedes PrestaShop-Modul, jede Theme-Anpassung, jedes Skript, das Sie schreiben, muss in einem Git-Repository liegen. Es kostet nichts, ist in Sekunden eingerichtet und hat unzählige Entwickler vor katastrophalem Datenverlust bewahrt.

# Initialize a new module repository
cd ~/modules/mymodule
git init
git add .
git commit -m "Initial commit: module v1.0.0"

# Create a remote and push
git remote add origin https://github.com/youruser/mymodule.git
git push -u origin main

Git-Workflows für PrestaShop-Module:

  • Feature-Branches: Arbeiten Sie nie direkt auf main. Erstellen Sie feature/add-bulk-import, entwickeln, testen, dann mergen. Wenn etwas schiefgeht, bleibt main unberührt.
  • Semantische Versionierung: Verwenden Sie v1.2.3-Tags — Major.Minor.Patch. Erhöhen Sie Major bei Breaking Changes, Minor bei neuen Features, Patch bei Bugfixes. PrestaShops Modulsystem erwartet einen Versionsstring in Ihrer Modulkonfiguration, und er sollte mit Ihren Git-Tags übereinstimmen.
  • Commit-Nachrichten mit Bedeutung: „Fixed bug“ ist in sechs Monaten nutzlos. „Fix: cart rule discount applied twice when customer uses quick checkout“ sagt Ihnen genau, was passiert ist und warum.
Wir pflegen über 100 PrestaShop-Modul-Repositories. Jedes einzelne verwendet Git mit semantischer Versionierung. Wenn ein Kunde einen Fehler in „der Version von vor drei Monaten“ meldet, können wir genau diese Version in Sekunden auschecken. Ohne Git raten Sie nur.

Git-Hosting: Self-Hosted vs. Cloud

  • GitHub: Der Industriestandard. Kostenlose private Repositories, hervorragendes CI/CD mit GitHub Actions, größte Community. Wenn Sie keinen bestimmten Grund haben, woanders hinzugehen, starten Sie hier.
  • GitLab: Self-Hosted oder Cloud. Eingebaute CI/CD-Pipelines, Container-Registry, Issue-Tracking. Mehr Funktionen als GitHub von Haus aus, steilere Lernkurve.
  • Gitea: Leichtgewichtiger, selbst gehosteter Git-Server, geschrieben in Go. Verbraucht minimale Ressourcen — läuft problemlos neben Ihren Docker-Containern. Wir betreiben Gitea auf unserem Entwicklungsserver für interne Repositories, die nicht auf GitHub sein müssen. Perfekt, wenn Sie die volle Kontrolle über Ihren Code wollen, ohne für private Repos zu bezahlen (obwohl GitHub diese inzwischen ebenfalls kostenlos anbietet).

Containerisierung und Virtualisierung

PrestaShop 1.6 benötigt PHP 5.6-7.1. PrestaShop 8.x benötigt PHP 8.1+. PrestaShop 9.x benötigt PHP 8.2+. All diese auf derselben Maschine ohne Container zu betreiben, ist ein Albtraum. Versuchen Sie es nicht.

Docker + Docker Compose

Docker ist der Standard, um mehrere PrestaShop-Versionen gleichzeitig zu betreiben. Jede Version bekommt ihren eigenen Container mit eigenem PHP, eigenem MySQL und eigenem Dateisystem. Nichts kollidiert. Sie können PS 1.6 neben PS 9.1 auf demselben Server betreiben, ohne jegliche Probleme.

Eine minimale docker-compose.yml für eine PrestaShop-Entwicklungsumgebung:

services:
  prestashop:
    image: prestashop/prestashop:8.2
    ports:
      - "8080:80"
    environment:
      - DB_SERVER=db
      - DB_NAME=prestashop
      - DB_USER=prestashop
      - DB_PASSWD=your_password
    volumes:
      - ./html:/var/www/html
    depends_on:
      - db

  db:
    image: mysql:8.0
    environment:
      - MYSQL_ROOT_PASSWORD=root_password
      - MYSQL_DATABASE=prestashop
      - MYSQL_USER=prestashop
      - MYSQL_PASSWORD=your_password
    volumes:
      - db-data:/var/lib/mysql

volumes:
  db-data:

Wir haben einen vollständigen Leitfaden zu Docker für die PrestaShop-Entwicklung — siehe unseren PrestaShop Docker-Entwicklungsleitfaden für detaillierte Einrichtungsanweisungen, Multi-Versions-Konfigurationen, Datenbankverwaltung und Produktiv-Deployment-Muster.

Unser Entwicklungsserver betreibt über 25 PrestaShop-Container gleichzeitig — von PS 1.6.1.23 bis PS 9.1.0 — jeder mit eigener Datenbank, jeder über einen anderen Port erreichbar. Docker macht die Verwaltung trivial einfach.

Podman — Die Docker-Alternative

Podman ist ein Drop-in-Ersatz für Docker, der Container ohne Dämon und ohne Root-Rechte ausführt. Die Befehle sind nahezu identisch — podman run, podman compose, podman build. Wenn Ihre Organisation Sicherheitsrichtlinien gegen den Betrieb von Dockers Dämon als Root hat, ist Podman die Antwort.

Für die meisten PrestaShop-Entwickler ist Docker die sicherere Wahl, einfach weil alle Tutorials, Stack-Overflow-Antworten und die PrestaShop-Dokumentation Docker voraussetzen. Aber Podman ist es wert, gekannt zu werden.

QEMU/KVM + virt-manager — Vollständige virtuelle Maschinen

Manchmal reichen Container nicht aus. Testen unter Windows Server? Die spezifische cPanel-Umgebung eines Kunden reproduzieren? Einen vollständigen Desktop für manuelle Tests betreiben? Dafür braucht man vollständige virtuelle Maschinen.

  • QEMU/KVM: Virtualisierung auf Kernel-Ebene unter Linux. Nahezu native Performance, da Hardwarebeschleunigung (Intel VT-x/AMD-V) genutzt wird. Kostenlos, Open Source und auf den meisten Linux-Servern bereits installiert.
  • virt-manager: Eine grafische Oberfläche zur Verwaltung von QEMU/KVM-VMs. Erstellen, starten, stoppen, Snapshots — alles über eine Desktop-GUI. Leichter als VirtualBox, schneller als VMware und zu 100% kostenlos.

Verwenden Sie VMs für Sonderfälle. Verwenden Sie Docker für die tägliche PrestaShop-Entwicklung. Diese Unterscheidung wird Ihnen Zeit sparen.

Design und Grafik

PrestaShop-Entwicklung besteht nicht nur aus Code. Sie werden Produktbilder bearbeiten, Banner erstellen, Icons für Modulkonfigurationsseiten gestalten, SVGs für Themes exportieren und Tausende von Produktfotos im Stapelbetrieb verarbeiten. Hier sind die Werkzeuge, die all das bewältigen — kostenlos.

GIMP 3.0 — Das kostenlose Photoshop

GIMP (GNU Image Manipulation Program) ist ein vollwertiger Bildeditor. GIMP 3.0, veröffentlicht 2025 nach Jahren der Entwicklung, brachte eine massive UI-Überarbeitung, nicht-destruktive Bearbeitung und deutlich bessere PSD-Kompatibilität.

Häufige PrestaShop-Aufgaben mit GIMP:

  • Produktbilder bearbeiten — Hintergründe entfernen, Farben anpassen, auf exakte Maße zuschneiden
  • Kategorie-Banner und Werbegrafiken erstellen
  • Icons und Thumbnails für Modulkonfigurationsseiten gestalten
  • PSD-Dateien von Designern öffnen und bearbeiten, die Adobe-Produkte verwenden
  • Stapelverarbeitung per Script-Fu oder Python-Fu-Scripting

Ist es identisch mit Photoshop? Nein. Die Tastaturkürzel sind anders, die Ebenenverwaltung funktioniert anders, und einige erweiterte Filter haben kein direktes Äquivalent. Aber für PrestaShop-bezogene Bildarbeit — Produktfotos, Banner, Icons, Screenshots — bewältigt GIMP alles, was Sie brauchen.

Inkscape — Vektorgrafiken

Inkscape ist die Open-Source-Alternative zu Adobe Illustrator. Verwenden Sie es für:

  • SVG-Icons für die Admin-Oberfläche Ihres Moduls erstellen
  • Logos und Vektorgrafiken für Themes gestalten
  • SVG-Dateien aus Icon-Bibliotheken bearbeiten, bevor Sie sie in Templates einbetten
  • Skalierbare Grafiken erstellen, die bei jeder Auflösung scharf aussehen

SVG ist das richtige Format für UI-Icons in PrestaShop-Modulen und -Themes. Inkscape erzeugt saubere, optimierte SVG-Ausgaben, die Sie direkt in Ihre Templates oder Ihr CSS einbetten können.

Photopea — Photoshop in Ihrem Browser

Photopea ist ein browserbasierter Bildeditor, der fast genau wie Photoshop aussieht und funktioniert. Er öffnet PSD-, XCF-, Sketch-, XD- und CDR-Dateien nativ. Keine Installation, kein Konto erforderlich, völlig kostenlos (werbefinanziert).

Wenn ein Designer Ihnen ein PSD-Comp schickt und Sie eine bestimmte Ebene exportieren müssen, oder wenn Sie eine schnelle Bearbeitung an einem Produktbild vornehmen müssen und GIMP auf Ihrem aktuellen Rechner nicht installiert ist — Photopea ist die Lösung. Wir verwenden es regelmäßig für schnelle Bearbeitungen, PSD-Ebenen-Exporte und die Erstellung von Produkt-Coverbildern aus Vorlagen.

Photopea läuft vollständig in Ihrem Browser — Ihre Dateien verlassen nie Ihren Rechner. Das macht es sicher für die Arbeit mit Kunden-Assets und vertraulichen Produktbildern. Es funktioniert außerdem auf jedem Betriebssystem ohne Installation.

FontForge — Individuelle Icon-Fonts

FontForge ist ein Open-Source-Schrifteditor. In der PrestaShop-Entwicklung verwenden Sie ihn für:

  • Individuelle Icon-Fonts für das Admin-Panel Ihres Moduls erstellen (mehrere SVG-Icons zu einer einzigen Schriftdatei kombinieren)
  • Web-Fonts subsetten — nur die benötigten Zeichen aus einer großen Schriftdatei extrahieren, um das Seitengewicht zu reduzieren
  • Zwischen Schriftformaten konvertieren (TTF, OTF, WOFF, WOFF2)

Die meisten Entwickler verwenden FontForge nie, aber wenn Sie es brauchen, gibt es keinen Ersatz. Wenn Sie nur eine einfache Schriftformat-Konvertierung benötigen, ist das woff2-Kommandozeilen-Tool einfacher.

ImageMagick — Stapelverarbeitung von Bildern

ImageMagick ist das Schweizer Taschenmesser der Bildverarbeitung auf der Kommandozeile. Tausende von Bildern mit einem einzigen Befehl skalieren, konvertieren, zuschneiden, mit Wasserzeichen versehen und optimieren.

# Resize all product images to 800x800, maintaining aspect ratio
for f in *.jpg; do
    convert "$f" -resize 800x800 -quality 85 "resized/$f"
done

# Convert PNG to WebP (smaller file size, same quality)
convert product.png -quality 80 product.webp

# Add a watermark to all images
for f in products/*.jpg; do
    composite -gravity southeast watermark.png "$f" "watermarked/$(basename $f)"
done

# Create thumbnails for a category page
mogrify -resize 300x300^ -gravity center -extent 300x300 -path thumbs/ *.jpg

Wenn ein Kunde Ihnen 5.000 Produktbilder übergibt, die alle 4000x4000 Pixel groß sind, und Sie sie in 800x800 mit WebP-Versionen brauchen — ImageMagick ist die Lösung, ohne drei Tage lang durch eine GUI zu klicken.

Blender — 3D-Produktrenderings

Blender ist eine vollständige 3D-Modellierungs-, Animations- und Rendering-Suite. Im E-Commerce wird es zunehmend für die Erstellung fotorealistischer Produktrenderings eingesetzt — besonders für Produkte, die noch nicht existieren oder teuer zu fotografieren sind. Möbelgeschäfte, Elektronik, Sonderanfertigungen — 3D-Renderings können die Produktfotografie vollständig ersetzen.

Dies ist ein fortgeschrittenes Tool mit einer steilen Lernkurve. Nehmen Sie es in Ihr Toolkit auf, wenn Ihre Kunden Produkte verkaufen, bei denen 3D-Visualisierung einen Mehrwert bietet. Andernfalls überspringen Sie es.

Kommunikation und Projektmanagement

Thunderbird — E-Mail, die funktioniert

Thunderbird ist Mozillas kostenloser E-Mail-Client. Wenn Sie PrestaShop-Shops verwalten, haben Sie mit einem ständigen Strom von Bestellbenachrichtigungen, Kundenanfragen, Modul-Lizenz-E-Mails und Server-Warnungen zu tun. Ein richtiger Desktop-E-Mail-Client mit Filtern, Ordnern und vereinheitlichtem Posteingang übertrifft das Prüfen von Webmail in einem Browser-Tab.

Thunderbird verbindet sich mit jedem IMAP/SMTP-Server, unterstützt PGP-Verschlüsselung per OpenPGP (eingebaut seit Thunderbird 78), verarbeitet Kalender per CalDAV und bietet eine hervorragende Suche. Es lässt sich außerdem mit selbst gehosteten Mail-Lösungen wie Mailcow integrieren.

Teamkommunikation

  • Discord: Die PrestaShop-Community ist auf Discord aktiv. Es eignet sich auch hervorragend für kleine Teams — Sprachkanäle, Bildschirmfreigabe, Code-Snippet-Formatierung. Kostenlos für unbegrenzte Benutzer.
  • Slack: Die Unternehmensalternative. Wenn Ihre Kunden oder Ihre Agentur Slack verwenden, brauchen Sie es. Die kostenlose Stufe ist nutzbar, aber eingeschränkt (90 Tage Nachrichtenverlauf).
  • Element (Matrix): Selbst gehosteter, Ende-zu-Ende-verschlüsselter Team-Chat. Wenn Sie die volle Kontrolle über Ihre Kommunikation möchten, ist Matrix das offene Protokoll und Element der beste Client dafür.

Notizen und Dokumentation

  • Trilium Notes: Selbst gehostete, hierarchische Notiz-Anwendung. Speichert Notizen in einer SQLite-Datenbank, unterstützt Code-Blöcke, Markdown und Rich Text. Wir betreiben es als Docker-Container neben unseren PrestaShop-Instanzen — es enthält Entwicklungsnotizen, Kundeninformationen und technische Dokumentation.
  • Obsidian: Markdown-basiertes Wissensmanagement. Notizen sind einfache .md-Dateien, die lokal gespeichert werden — keine Cloud-Abhängigkeit, volle Datenhoheit. Hervorragend geeignet zum Aufbau einer persönlichen Wissensdatenbank mit PrestaShop-Mustern, Hook-Dokumentation und Debugging-Lösungen.
  • Einfache Markdown-Dateien: Manchmal reicht eine README.md in jedem Modul-Repository. Halten Sie es einfach. Jedes Modul sollte eine Markdown-Datei haben, die dokumentiert, was es tut, wie man es installiert und wie man es konfiguriert.
Wählen Sie ein Notiz-System und verwenden Sie es konsequent. Das Tool selbst ist weit weniger wichtig als die Gewohnheit, Dinge aufzuschreiben. Wenn Sie um 2 Uhr nachts einen kniffligen PrestaShop-Bug lösen, dokumentieren Sie ihn — Ihr zukünftiges Ich wird dankbar sein.

Browser- und Testwerkzeuge

Chrome/Chromium DevTools

Chrome DevTools ist das wichtigste Debugging-Tool nach Ihrem Code-Editor. Wenn Sie nicht sicher im Umgang mit DevTools sind, arbeiten Sie mit einer Hand auf dem Rücken gefesselt.

Wichtige Funktionen für die PrestaShop-Entwicklung:

  • Network-Tab: Sehen Sie jede HTTP-Anfrage, die Ihr Shop stellt. Finden Sie langsame API-Aufrufe, übergroße Bilder, fehlende Assets und Redirect-Ketten. Filtern Sie nach XHR, um nur AJAX-Aufrufe zu sehen — essentiell für das Debugging von Warenkorb-, Checkout- und Modul-API-Interaktionen.
  • Console: JavaScript-Fehler, Warnungen und Ihre eigenen console.log()-Ausgaben. PrestaShops Frontend-JavaScript (insbesondere Checkout-Module) wirft hier Fehler, die für den Endbenutzer unsichtbar sind.
  • Elements-Panel: HTML und CSS inspizieren und live bearbeiten. Testen Sie Layout-Änderungen, bevor Sie Ihre Template-Dateien anfassen.
  • Application-Tab: Cookies anzeigen und bearbeiten (PrestaShop-Session-Cookies, Warenkorb-Cookies), localStorage und sessionStorage.
  • Performance-Tab: Zeichnen Sie einen Seitenaufruf auf und sehen Sie genau, wo die Zeit verbracht wird — Parsing, Rendering, Scripting. Identifizieren Sie, welches JavaScript Ihren First Contentful Paint blockiert.
  • Responsive-Design-Modus: Testen Sie Ihren Shop bei bestimmten Viewport-Größen. Strg+Umschalt+M schaltet ihn um. Testen Sie bei 375px (iPhone SE), 390px (iPhone 14), 768px (Tablet) und Ihren Breakpoints.

Brave Browser

Brave basiert auf Chromium (gleiche DevTools, gleiche Rendering-Engine), aber mit eingebautem Werbeblocker, Tracker-Blocking und Fingerprint-Schutz. Verwenden Sie ihn, um zu testen, wie sich Ihr Shop verhält, wenn Kunden Werbeblocker verwenden — denn viele tun das. Er bietet außerdem eine saubere Browsing-Umgebung ohne Tracking-Skripte, die Ihre Tests stören.

Playwright — Automatisiertes Browser-Testing

Playwright von Microsoft ist ein Browser-Automatisierungs-Framework. Schreiben Sie Skripte, die Ihren Shop öffnen, Seiten navigieren, Buttons klicken, Formulare ausfüllen und überprüfen, ob alles funktioniert — automatisch.

const { chromium } = require('playwright');

(async () => {
    const browser = await chromium.launch();
    const page = await browser.newPage();

    // Test product page loads correctly
    await page.goto('http://localhost:8080/en/2-home-accessories.html');
    await page.waitForSelector('.product-miniature');

    // Test add to cart
    await page.click('.product-miniature:first-child a');
    await page.click('.add-to-cart');
    await page.waitForSelector('.cart-products-count');

    // Verify cart has 1 item
    const cartCount = await page.textContent('.cart-products-count');
    console.log(`Cart items: ${cartCount}`);

    await browser.close();
})();

Playwright unterstützt Chromium, Firefox und WebKit (Safaris Engine) — testen Sie mit demselben Skript in allen drei Browsern. Es ist schneller und zuverlässiger als Selenium, und sein Auto-Waiting-Mechanismus bewältigt PrestaShops AJAX-lastige Seiten gut.

Lighthouse — Performance-Auditing

Lighthouse ist in Chrome DevTools eingebaut (Audits-Tab) und auch als CLI-Tool verfügbar. Es bewertet Ihren Shop in den Bereichen Performance, Barrierefreiheit, Best Practices und SEO — und sagt Ihnen genau, was Sie beheben müssen.

# Run Lighthouse from command line
npx lighthouse http://localhost:8080 --output html --output-path report.html

# Test mobile performance specifically
npx lighthouse http://localhost:8080 --preset=perf --emulated-form-factor=mobile

Führen Sie Lighthouse auf Ihrer Startseite, einer Kategorieseite und einer Produktseite aus. Diese drei decken 90% dessen ab, was Ihre Kunden sehen. Siehe unseren PrestaShop Performance-Optimierungsleitfaden für detaillierte Anleitungen zur Verbesserung Ihrer Bewertungen.

Server und Infrastruktur

TrueNAS — Speicherserver für die Entwicklung

TrueNAS (ehemals FreeNAS) ist ein Open-Source-Speicherbetriebssystem, das auf ZFS basiert. Für ein PrestaShop-Entwicklungs-Setup bietet es:

  • ZFS-Snapshots: Erstellen Sie sofortige Snapshots Ihres gesamten Docker-Datasets vor riskanten Änderungen. Rollback in Sekunden, wenn etwas schiefgeht. Das ist besser als jede Backup-Lösung, weil es augenblicklich passiert.
  • Docker-Unterstützung: Betreiben Sie alle Ihre PrestaShop-Container direkt auf TrueNAS. Kein separater Server erforderlich.
  • Datenintegrität: ZFS prüft jede Datenblock-Prüfsumme. Stille Korruption (Bit Rot) wird automatisch erkannt und korrigiert. Wenn Ihre Modul-Repositories und Kundendaten hier liegen, ist das wichtig.

Unser Entwicklungsserver ist eine TrueNAS-Maschine mit 64 GB RAM, die über 100 Docker-Container betreibt — PrestaShop-Instanzen, Datenbanken, Monitoring, Mail, Git-Hosting und mehr. ZFS-Snapshots bedeuten, dass wir furchtlos experimentieren können.

SSH + SSHFS — Remote-Dateizugriff

SSH ist die Methode, mit der Sie sich mit Ihrem Entwicklungsserver und Produktiv-Hosts verbinden. SSHFS ermöglicht es Ihnen, ein Remote-Verzeichnis lokal per SSH einzubinden — bearbeiten Sie Dateien auf Ihrem Server mit lokalen Tools, als wären sie auf Ihrer eigenen Festplatte.

# Mount your remote modules directory locally
sshfs user@server:/var/www/html/modules ~/remote-modules

# Now edit files with any local editor
code ~/remote-modules/mymodule/

# Unmount when done
fusermount -u ~/remote-modules

VS Codes Remote-SSH-Extension bietet in der Regel eine bessere Erfahrung (sie führt den Language Server auf dem Remote-Rechner aus), aber SSHFS ist nützlich, wenn Sie Tools verwenden müssen, die SSH nicht nativ unterstützen.

WireGuard — Sicheres VPN

WireGuard ist ein schnelles, modernes VPN-Protokoll. Wenn sich Ihr Entwicklungsserver in einem Heimnetzwerk oder hinter einer Firewall befindet, bietet WireGuard Ihnen sicheren Zugang von überall — Café, Kundenbüro oder mobiles Tethering.

Die Konfiguration ist minimal — eine einzige Datei auf jeder Seite, jeweils etwa 10 Zeilen. Es verbindet sich sofort (im Gegensatz zu OpenVPN, das sekundenlang verhandelt), verbraucht minimale CPU und funktioniert zuverlässig bei instabilen Verbindungen. Wir verwenden WireGuard, um einen Laptop von jedem Standort aus mit unserem Entwicklungsserver zu verbinden.

Rclone — Cloud-Storage-Synchronisation

Rclone ist das Schweizer Taschenmesser der Kommandozeile für Cloud-Speicher. Es unterstützt über 70 Anbieter — Amazon S3, Backblaze B2, Google Drive, Dropbox, FTP, SFTP und mehr.

# Sync module backups to Backblaze B2
rclone sync ~/releases/ b2:my-bucket/releases/ --progress

# Copy database dumps to Google Drive
rclone copy ~/backups/db/ gdrive:PrestaShop-Backups/

# Mount S3 bucket as a local directory
rclone mount s3:my-bucket /mnt/s3 --dämon

Verwenden Sie Rclone für Offsite-Backups Ihrer Modul-Releases, Datenbank-Dumps und Kunden-Assets. Automatisieren Sie es mit einem Cron-Job und machen Sie sich nie wieder Sorgen über Datenverlust durch einen Festplattenausfall.

Nginx Proxy Manager — Reverse Proxy mit SSL

Nginx Proxy Manager (NPM) bietet eine Web-Oberfläche zur Verwaltung von Nginx-Reverse-Proxy-Konfigurationen und SSL-Zertifikaten. Wenn Sie 20+ PrestaShop-Container auf verschiedenen Ports betreiben, können Sie über NPM alle über saubere URLs mit automatischem HTTPS erreichen.

  • ps82.dev.example.com leitet an Port 8085 weiter
  • ps91.dev.example.com leitet an Port 8103 weiter
  • Automatische SSL-Zertifikate per Let's Encrypt oder Cloudflare DNS Challenge
  • Web-basierte Oberfläche — keine manuelle Bearbeitung von Nginx-Konfigurationsdateien

Uptime Kuma — Monitoring

Uptime Kuma ist ein selbst gehostetes Monitoring-Tool. Fügen Sie alle Ihre PrestaShop-Instanzen, Datenbanken und Infrastrukturdienste hinzu — und erhalten Sie Benachrichtigungen per Discord, Slack, E-Mail oder Telegram, wenn etwas ausfällt.

Wenn Sie mehrere Kunden-Shops verwalten, ist der Unterschied zwischen „Wir haben es bemerkt und beheben es bereits“ und „Wir hatten keine Ahnung“ entscheidend — nämlich ob Sie wissen, dass eine Seite ausgefallen ist, bevor der Kunde anruft.

Datenbank-Tools

PrestaShop läuft auf MySQL oder MariaDB. Sie werden erhebliche Zeit in der Datenbank verbringen — Abfragen debuggen, Daten migrieren, Performance analysieren und nach fehlerhaften Modulinstallationen aufräumen.

MySQL/MariaDB CLI

Der Kommandozeilen-Client ist immer verfügbar, selbst auf minimalen Serverinstallationen. Lernen Sie die Grundlagen:

# Connect to a containerized database
docker exec -it ps82-db mysql -u root -p prestashop

# Quick queries
SELECT COUNT(*) FROM ps_product WHERE active = 1;
SELECT * FROM ps_configuration WHERE name LIKE '%SMTP%';
SHOW PROCESSLIST;

# Export a table
mysqldump -u root -p prestashop ps_product > products_backup.sql

# Import a dump
mysql -u root -p prestashop < backup.sql

Für schnelle Prüfungen ist die CLI schneller als jedes GUI-Tool. Sie sind bereits im Terminal — eine Abfrage einzutippen dauert 5 Sekunden. Eine GUI-Anwendung zu öffnen dauert 30.

phpMyAdmin — Webbasierte GUI

phpMyAdmin läuft als Webanwendung. Die meisten Shared-Hosting-Anbieter binden es standardmäßig ein. Es ermöglicht visuelles Durchsuchen von Tabellen, Abfrageerstellung, Import/Export und Benutzerverwaltung über eine Browser-Oberfläche.

Es ist nicht das eleganteste Tool, aber es ist überall vorhanden. Jeder PrestaShop-Entwickler weiß, wie man phpMyAdmin benutzt, denn früher oder später arbeiten Sie auf einem cPanel-Host, wo es Ihre einzige Option ist.

DBeaver — Desktop-Datenbank-GUI

DBeaver ist ein kostenloser, plattformübergreifender Datenbank-Client, der sich mit MySQL, MariaDB, PostgreSQL, SQLite und Dutzenden weiteren verbindet. Er bietet:

  • Visuellen Abfrage-Builder und Syntax-hervorgehobenen SQL-Editor mit Auto-Vervollständigung
  • ER-Diagramme — visualisieren Sie PrestaShops Tabellenbeziehungen (und davon gibt es viele)
  • Datenexport in CSV-, JSON-, SQL-, XML-Formaten
  • Mehrere gleichzeitige Verbindungen — haben Sie Ihre Entwicklungs-, Staging- und Produktiv-Datenbanken alle in Tabs geöffnet
  • Eingebautes SSH-Tunneling — Verbindung zu Remote-Datenbanken ohne Port-Forwarding

Wenn Sie täglich mit PrestaShop-Datenbanken arbeiten — komplexe Joins über ps_product, ps_product_lang, ps_product_shop und ps_stock_available schreiben — werden DBeavers Auto-Vervollständigung und Tabellenbeziehungs-Ansichten Ihnen das Leben erheblich erleichtern.

mysqldump — Backups und Migrationen

Der mysqldump-Befehl erstellt SQL-Text-Dumps von Datenbanken oder einzelnen Tabellen. Er ist die Standardmethode für Backups und Migrationen von PrestaShop-Datenbanken.

# Full database backup
mysqldump -u root -p --single-transaction prestashop > backup_$(date +%Y%m%d).sql

# Backup specific tables only (structure + data)
mysqldump -u root -p prestashop ps_product ps_product_lang ps_product_shop > products.sql

# Backup structure only (no data) — useful for documentation
mysqldump -u root -p --no-data prestashop > schema.sql

# Compressed backup (saves 80-90% disk space)
mysqldump -u root -p --single-transaction prestashop | gzip > backup_$(date +%Y%m%d).sql.gz
Verwenden Sie immer --single-transaction für InnoDB-Tabellen (die PrestaShop verwendet). Ohne diese Option kann Ihr Dump inkonsistente Daten enthalten, wenn der Shop während des Backups Bestellungen verarbeitet.

PHP und Composer

Mehrere PHP-Versionen — Warum Sie sie brauchen

Die PrestaShop-Modulentwicklung erfordert Tests über verschiedene PHP-Versionen hinweg, da Ihre Kunden unterschiedliche PrestaShop-Versionen auf verschiedenen Hosting-Umgebungen betreiben:

  • PHP 7.2-7.4: PrestaShop 1.7.x (immer noch weit verbreitet)
  • PHP 8.1: PrestaShop 8.0-8.1
  • PHP 8.2: PrestaShop 8.2 und 9.0
  • PHP 8.3-8.4: PrestaShop 9.1+ und Vorwärtskompatibilitäts-Tests

Ein Modul, das auf PHP 8.2 funktioniert, könnte auf 8.3 Deprecation-Warnungen oder auf 7.4 fatale Fehler auslösen. Wenn Sie nur auf einer PHP-Version testen, finden Ihre Kunden die Bugs für Sie. Docker löst dieses Problem — jeder Container läuft mit seiner eigenen PHP-Version — aber Sie sollten auch wissen, wie man mehrere PHP-Versionen auf einem Bare-Metal-Entwicklungsrechner verwaltet.

# Ubuntu/Debian: install multiple PHP versions
sudo add-apt-repository ppa:ondrej/php
sudo apt install php7.4 php8.1 php8.2 php8.3

# Switch default PHP version
sudo update-alternatives --config php

# Run a specific version explicitly
php8.1 your-script.php

Composer 2 — Abhängigkeitsverwaltung

Composer ist der Paketmanager für PHP. PrestaShop 8+ nutzt Composer intensiv, und moderne Modulentwicklung sollte das ebenfalls tun. Composer übernimmt Autoloading, Abhängigkeiten und Versions-Constraints.

# Install dependencies from composer.json
composer install

# Add a dependency to your module
composer require monolog/monolog

# Update all dependencies
composer update

# Generate optimized autoloader (production)
composer dump-autoload --optimize --classmap-authoritative

Für PrestaShop-Module ist Composer besonders nützlich zum Teilen von Code zwischen Modulen — gemeinsame Admin-Komponenten, Entity-Selektoren, Konfigurations-Traits. Erstellen Sie private Composer-Pakete für gemeinsam genutzten Code und binden Sie sie in die composer.json jedes Moduls ein.

Committen Sie immer composer.lock in Ihr Repository. So wird sichergestellt, dass jeder (und jedes Deployment) exakt die gleichen Abhängigkeitsversionen erhält. composer install liest die Lock-Datei; composer update generiert sie neu.

PHPStan / Psalm — Statische Analyse

PHPStan und Psalm analysieren Ihren PHP-Code, ohne ihn auszuführen. Sie finden Bugs, die unsichtbar bleiben, bis ein bestimmter Codepfad in der Produktion ausgelöst wird:

  • Methodenaufrufe auf möglicherweise null-Objekten
  • Falsche Argumenttypen an Funktionen übergeben
  • Undefinierte Variablen in selten ausgeführten Zweigen
  • Toter Code, der nie erreicht werden kann
  • Rückgabetyp-Unstimmigkeiten
# Install PHPStan
composer require --dev phpstan/phpstan

# Run analysis at level 5 (0 = permissive, 9 = strictest)
vendor/bin/phpstan analyse src/ --level=5

# PrestaShop-specific: ignore PrestaShop's legacy patterns
# Create phpstan.neon:
parameters:
    level: 5
    paths:
        - src/
    ignoreErrors:
        - '#Call to an undefined method [a-zA-Z]+::l\(\)#'

Beginnen Sie bei Level 1 und steigern Sie sich schrittweise. Level 5 ist ein gutes Ziel für PrestaShop-Module — es findet echte Bugs, ohne Sie mit Warnungen über PrestaShops eigene Legacy-Code-Muster zu überfluten.

PHP_CodeSniffer — Code-Stil

PHP_CodeSniffer erzwingt einheitliche Coding-Standards. PrestaShop hat eigene Coding-Standards, und wenn Sie Module auf dem Addons-Marktplatz einreichen, muss Ihr Code diese einhalten.

# Install
composer require --dev squizlabs/php_codesniffer

# Check code against PSR-12 standard
vendor/bin/phpcs --standard=PSR12 src/

# Auto-fix what can be fixed
vendor/bin/phpcbf --standard=PSR12 src/

Einheitlicher Code-Stil ist keine Frage der Ästhetik — es geht um Lesbarkeit. Wenn jede Datei in Ihrem Modul denselben Mustern folgt, fallen Bugs auf, weil sie das visuelle Muster durchbrechen.

Xdebug 3 — Schrittweises Debugging

Xdebug ist eine PHP-Extension, die schrittweises Debugging, Stacktraces, Profiling und Code-Coverage bietet. Xdebug 3 (die aktuelle Version) ist deutlich schneller als Xdebug 2 und verwendet eine einfachere Konfiguration.

Wichtige Xdebug-Modi für die PrestaShop-Entwicklung:

  • xdebug.mode=debug: Schrittweises Debugging — Breakpoints setzen, Variablen inspizieren, Hooks und Controller Zeile für Zeile durchgehen.
  • xdebug.mode=profile: Cachegrind-Dateien generieren, die genau zeigen, wo PHP Zeit verbringt. Öffnen Sie sie in KCacheGrind (Linux) oder QCacheGrind (macOS/Windows), um Performance-Engpässe zu finden.
  • xdebug.mode=trace: Jeden Funktionsaufruf protokollieren. Nützlich, um PrestaShops Ausführungsfluss durch sein Hook-System zu verstehen.
# php.ini configuration for Xdebug 3
[xdebug]
zend_extension=xdebug
xdebug.mode=debug
xdebug.start_with_reqüst=trigger
xdebug.client_host=host.docker.internal
xdebug.client_port=9003
xdebug.log=/tmp/xdebug.log
Verwenden Sie start_with_reqüst=trigger statt =yes. Mit =yes versucht Xdebug bei jeder einzelnen Anfrage eine Verbindung zu Ihrer IDE herzustellen — einschließlich AJAX-Aufrufen, Bild-Anfragen und Cron-Jobs. Mit =trigger wird es nur aktiviert, wenn Sie es explizit über die Browsererweiterung oder ein Cookie einschalten. So bleibt Ihre Entwicklungsumgebung schnell.

Build-Tools

Node.js + npm/Yarn

Node.js wird benötigt, um Frontend-Assets in modernen PrestaShop-Themes und -Modulen zu kompilieren. Das Hummingbird-Theme (PrestaShop 8+) verwendet Webpack. Viele Module verwenden Sass für CSS-Preprocessing und benötigen Node.js zur Kompilierung.

# Install Node.js 20 LTS (recommended)
# Via nvm (Node Version Manager) — the best way to manage Node versions:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
nvm install 20
nvm use 20

# npm comes with Node.js
npm --version

# Yarn (alternative package manager, often faster)
npm install -g yarn

Verwenden Sie npm oder Yarn — entscheiden Sie sich pro Projekt für eines und bleiben Sie dabei. Mischen Sie sie nicht. Die Lock-Dateien (package-lock.json vs. yarn.lock) sind nicht austauschbar.

Grunt — Modul-ZIP-Paketierung

Grunt ist ein JavaScript-Task-Runner. In der PrestaShop-Modulentwicklung wird er häufig zum Erstellen von Distributions-ZIP-Dateien verwendet — PHP-Dateien, Templates, Assets und Konfiguration in ein installationsbereites Archiv zusammenfügen.

# Install Grunt CLI globally
npm install -g grunt-cli

# In your module directory:
npm install

# Run the default grunt task (typically: build ZIP)
grunt

Ein gut konfiguriertes Gruntfile übernimmt Versions-Bumping, Dateiausschluss (kein .git, kein node_modules, keine Entwicklungsdateien im ZIP), Sass-Kompilierung und Validierung — alles in einem einzigen Befehl. Wenn Sie ein Modul-Update veröffentlichen müssen, führen Sie grunt aus und erhalten eine saubere, uploadbereite ZIP-Datei.

Sass (Dart Sass) — CSS-Preprocessing

Sass ermöglicht es Ihnen, CSS mit Variablen, Verschachtelung, Mixins und Funktionen zu schreiben. PrestaShop-Themes und viele Module verwenden SCSS (die CSS-kompatible Sass-Syntax) für das Styling.

# Install Dart Sass
npm install -g sass

# Compile SCSS to CSS
sass src/scss/admin.scss:views/css/admin.css --style=compressed

# Watch for changes during development
sass --watch src/scss/:views/css/

Verwenden Sie Dart Sass, nicht Node Sass oder Ruby Sass — diese sind veraltet. Dart Sass ist die kanonische Implementierung und wird aktiv gepflegt.

Dart Sass kann am Anfang kompilierter CSS-Dateien ein UTF-8-BOM (Byte Order Mark) ausgeben. Die meisten Browser verarbeiten es problemlos, aber in Einzelfällen kann es dazu führen, dass CSS-Regeln stillschweigend ignoriert werden. Wenn Sie auf mysteriös fehlende Styles stoßen, prüfen und entfernen Sie das BOM: sed -i '1s/^\xEF\xBB\xBF//' output.css

Webpack — Asset-Bundling

Webpack ist ein Modul-Bundler für JavaScript und Assets. PrestaShops Hummingbird-Theme (das moderne Standard-Theme ab PS 8+) verwendet Webpack für seine Build-Pipeline. Wenn Sie Child-Themes erstellen oder Hummingbird anpassen müssen, werden Sie mit Webpack arbeiten.

# In the Hummingbird theme directory:
npm install
npm run build       # Production build
npm run dev         # Development build with source maps
npm run watch       # Watch mode — rebuilds on file changes

Die Webpack-Konfiguration kann einschüchternd sein. Die gute Nachricht: PrestaShops Hummingbird liefert eine vorkonfigurierte webpack.config.js mit. Sie müssen sie selten ändern, es sei denn, Sie fügen komplett neue Entry Points hinzu oder ändern die Build-Pipeline.

Office und Dokumentation

LibreOffice — Tabellen und Dokumente

LibreOffice ist die kostenlose Office-Suite. In der PrestaShop-Entwicklung verwenden Sie es für:

  • Calc (Tabellen): Bearbeitung von Produktimport-/Export-CSV-Dateien. PrestaShops Importfunktion erwartet bestimmte CSV-Formate — LibreOffice Calc verarbeitet CSV-Kodierung, Trennzeichen und Spaltenzuordnung besser als die meisten Tools. Auch nützlich für Preislistenberechnungen, Bestandsverwaltung und Aufbereitung von Kundendaten.
  • Writer (Dokumente): Verträge, Moduldokumentation, Kundenangebote. Öffnet und bearbeitet Microsoft-Word-Dateien.
  • Impress (Präsentationen): Modul-Demos, Kundenpräsentationen, Schulungsmaterialien.

Beim Bearbeiten von CSV-Dateien für den PrestaShop-Import speichern Sie immer als UTF-8 mit BOM, Trennzeichen Komma. So überstehen Sonderzeichen (akzentuierte Produktnamen, Währungssymbole) den Importprozess.

Markdown — Entwicklerdokumentation

Markdown ist das universelle Format für Entwicklerdokumentation. Jedes Modul-Repository sollte eine README.md mit Installationsanweisungen, Konfigurationsleitfaden und Changelog haben. GitHub, GitLab und Gitea rendern Markdown auf ansprechende Weise.

# Module Name

## Installation
1. Upload via Back Office > Modules
2. Click Install
3. Configure in Module Settings

## Configuration
- **Option A:** Dös X
- **Option B:** Dös Y

## Changelog
### v1.2.0
- Added bulk import feature
- Fixed discount calculation for multi-shop

Halten Sie die Dokumentation nah am Code, den sie dokumentiert. Eine CLAUDE.md oder README.md im Projektstammverzeichnis, die zusammen mit Code-Änderungen aktualisiert wird, ist mehr wert als ein separates Wiki, das niemand pflegt.

OBS Studio — Bildschirmaufnahme

OBS Studio ist eine kostenlose Open-Source-Software für Bildschirmaufnahme und Streaming. Verwenden Sie es für:

  • Bug-Dokumentation: Nehmen Sie einen Bug Schritt für Schritt auf. Ein 30-Sekunden-Video sagt mehr als tausend Worte in einem Bug-Report.
  • Modul-Tutorials: Nehmen Sie Installations- und Konfigurations-Anleitungen für Kunden auf.
  • Kundenkommunikation: Zeigen Sie einem Kunden genau, was Sie behoben haben und wie es jetzt funktioniert.
  • Wissensaustausch: Nehmen Sie Ihren Debugging-Prozess auf, damit Teammitglieder daraus lernen können.

OBS verarbeitet Bildschirmaufnahme, Webcam-Overlay, Audio-Mixing und direkten Export nach MP4. Es ist wesentlich leistungsfähiger als jeder eingebaute Bildschirmrekorder.

Unsere empfohlene Ausstattung — Kurzübersicht

Hier ist das vollständige Toolkit, das wir täglich verwenden, nach Kategorien geordnet. Jedes Tool ist kostenlos oder Open Source.

Tool Kategorie Wofür Kosten Link
VS Code Editor Primärer Code-Editor mit PHP-, Smarty- und Docker-Unterstützung Kostenlos code.visualstudio.com
PHP Intelephense Editor-Extension PHP-Intelligenz — Autovervollständigung, Gehe-zu-Definition, Fehler Kostenlos / 25$ einmalig intelephense.com
Git Versionskontrolle Jede Änderung verfolgen, branchen, mergen, deployen Kostenlos git-scm.com
GitHub Git-Hosting Repository-Hosting, CI/CD, Zusammenarbeit Kostenlos github.com
Gitea Git-Hosting Selbst gehosteter Git-Server für interne Repos Kostenlos about.gitea.com
Docker Container Mehrere PrestaShop-Versionen gleichzeitig betreiben Kostenlos docker.com
GIMP 3.0 Grafik Bildbearbeitung — Produktfotos, Banner, Icons Kostenlos gimp.org
Inkscape Grafik SVG-Icons, Vektorgrafiken für Themes und Module Kostenlos inkscape.org
Photopea Grafik Browserbasierter Photoshop-Klon — schnelle PSD-Bearbeitungen Kostenlos photopea.com
ImageMagick Grafik Stapelverarbeitung von Bildern — skalieren, konvertieren, optimieren Kostenlos imagemagick.org
Thunderbird Kommunikation E-Mail-Client für Shop-Verwaltung und Support Kostenlos thunderbird.net
Discord Kommunikation Team- und Community-Kommunikation Kostenlos discord.com
Trilium Notes Dokumentation Selbst gehostete Wissensdatenbank für Entwicklungsnotizen Kostenlos github.com/zadam/trilium
Chrome DevTools Testing Netzwerk-Debugging, DOM-Inspektion, Performance Kostenlos In Chrome/Chromium eingebaut
Playwright Testing Automatisiertes Browser-Testing über verschiedene Engines Kostenlos playwright.dev
Lighthouse Testing Performance-, Barrierefreiheits- und SEO-Auditing Kostenlos In Chrome DevTools eingebaut
TrueNAS Infrastruktur Speicherserver mit ZFS-Snapshots für Docker Kostenlos truenas.com
WireGuard Infrastruktur VPN für sicheren Fernzugriff Kostenlos wireguard.com
Nginx Proxy Manager Infrastruktur Reverse Proxy mit SSL für Entwicklungsseiten Kostenlos nginxproxymanager.com
Uptime Kuma Infrastruktur Überwachung aller PrestaShop-Instanzen Kostenlos github.com/louislam/uptime-kuma
Rclone Infrastruktur Cloud-Storage-Sync — Backups auf S3, B2, GDrive Kostenlos rclone.org
DBeaver Datenbank Visuelle Datenbankverwaltung mit ER-Diagrammen Kostenlos dbeaver.io
phpMyAdmin Datenbank Webbasierte Datenbank-GUI (überall verfügbar) Kostenlos phpmyadmin.net
Composer PHP Abhängigkeitsverwaltung für Module und Pakete Kostenlos getcomposer.org
PHPStan PHP Statische Analyse — Bugs finden ohne Code auszuführen Kostenlos phpstan.org
Xdebug 3 PHP Schrittweises Debugging, Profiling, Tracing Kostenlos xdebug.org
Node.js Build JavaScript-Laufzeitumgebung für Asset-Kompilierung Kostenlos nodejs.org
Grunt Build Modul-ZIP-Paketierung und Task-Automatisierung Kostenlos gruntjs.com
Dart Sass Build SCSS-zu-CSS-Kompilierung Kostenlos sass-lang.com
Webpack Build Asset-Bundling für das Hummingbird-Theme Kostenlos webpack.js.org
LibreOffice Office CSV-Bearbeitung für Importe, Dokumente, Präsentationen Kostenlos libreoffice.org
OBS Studio Office Bildschirmaufnahme für Tutorials und Bug-Reports Kostenlos obsproject.com

Ihre Umgebung aufbauen — Wo anfangen

Wenn Sie eine PrestaShop-Entwicklungsumgebung von Grund auf einrichten, ist hier die sinnvollste Reihenfolge:

  1. Installieren Sie Docker und Docker Compose. Alles andere baut darauf auf. Folgen Sie unserem Docker-Leitfaden.
  2. Installieren Sie VS Code mit den oben aufgeführten Extensions. Fügen Sie zuerst PHP Intelephense und die Docker-Extension hinzu.
  3. Initialisieren Sie Git-Repositories für alle Ihre Module. Pushen Sie zu GitHub oder Ihrem selbst gehosteten Gitea.
  4. Richten Sie Xdebug ein in Ihren Docker-Containern und konfigurieren Sie VS Code zum Lauschen. Dies ist die größte einzelne Produktivitätsverbesserung, die Sie vornehmen können.
  5. Fügen Sie Composer zu Ihrem Workflow hinzu. Beginnen Sie mit composer init in Ihrem Modul und fügen Sie Autoloading hinzu.
  6. Installieren Sie GIMP und ImageMagick. Sie werden Bildbearbeitungsfähigkeiten früher brauchen, als Sie denken.
  7. Richten Sie Monitoring ein mit Uptime Kuma, sobald Sie Produktiv-Shops zu überwachen haben.

Versuchen Sie nicht, alles auf einmal einzuführen. Beginnen Sie mit Docker + VS Code + Git + Xdebug. Diese Kombination allein wird Ihre Produktivität transformieren. Fügen Sie weitere Tools hinzu, wenn Ihr Workflow sie erfordert.

Ein Hinweis zur Softwarelizenzierung

Jedes in diesem Leitfaden aufgeführte Tool ist kostenlos oder Open Source. Wir glauben an die Verwendung legaler Software — keine Raubkopien, keine gecrackten Lizenzen, keine „genullten“ Module. Open Source bietet Ihnen alles, was Sie für professionelle PrestaShop-Entwicklung brauchen.

Die hier aufgeführten Tools sind keine Kompromisse oder „gut genug für kostenlos“-Alternativen. GIMP ist ein wirklich leistungsfähiger Bildeditor. VS Code wird von Millionen professioneller Entwickler verwendet. Docker ist der Industriestandard für Containerisierung. PHPStan findet echte Bugs in Produktionscode. Diese Tools sind erstklassig, und sie sind zufällig kostenlos.

Wenn Sie ein PrestaShop-Entwickler sind, der immer noch gecrackte Software verwendet, bedenken Sie Folgendes: Der gesamte oben beschriebene Entwicklungsstack kostet genau null Dollar. Die Zeit, die Sie mit dem Suchen, Installieren und Umgang mit gecrackter Software verbringen, ist Zeit, die Sie in das Erstellen von Modulen und die Betreuung von Kunden investieren könnten. Und Sie werden nie einen Brief zur Lizenz-Compliance erhalten.

Unterstützen Sie das Open-Source-Ökosystem, das Ihre Arbeit ermöglicht. Verwenden Sie kostenlose Tools legal. Geben Sie zurück, wenn Sie können — Bug-Reports, Dokumentation, selbst ein GitHub-Star hilft. Die Tools existieren, weil Menschen sie für alle gebaut haben. Respektieren Sie das.

More guides available

Browse our knowledge base for more practical PrestaShop tutorials, or reach out if you need help.

Loading...
Back to top