Herramientas esenciales para el desarrollo PrestaShop

Por qué sus herramientas importan

El desarrollo de PrestaShop no es solo PHP. En cualquier día dado, usted estará editando plantillas Smarty, escribiendo consultas SQL, depurando JavaScript, procesando imágenes de productos, gestiónando contenedores Docker, desplegando vía SSH y leyendo registros de Apache. Las herramientas que elija afectan directamente la velocidad con la que trabaja y la cantidad de errores que comete.

Esta no es una lista genérica extraída de artículos del tipo «las 10 mejores herramientas para desarrolladores». Cada herramienta aquí listada es algo que realmente usamos en nuestro flujo de trabajo diario — ejecutando más de 100 contenedores Docker en un servidor TrueNAS, desarrollando módulos para PrestaShop desde la versión 1.6 hasta la 9.1, y gestiónando tiendas en producción. Si una herramienta aparece aquí, se ha ganado su lugar.

Todas las herramientas en esta página son gratuitas o de código abierto. Indicaremos dónde existen alternativas de pago, pero usted puede construir un entorno de desarrollo PrestaShop completo y profesional sin gastar un solo dólar en licencias de software.

Editores de código e IDEs

Su editor es donde pasa el 80% de su tiempo de desarrollo. Elija bien.

Visual Studio Code — La opción estándar

Visual Studio Code (VS Code) es gratuito, de código abierto, y se ha convertido en el estándar de facto para el desarrollo web. Maneja PHP, JavaScript, plantillas Smarty, SCSS, SQL, archivos Docker y YAML sin esfuerzo. El ecosistema de extensiones cubre todo lo que PrestaShop le pueda presentar.

Extensiones esenciales para el desarrollo de PrestaShop:

• PHP Intelephense: Autocompletado inteligente de código PHP, ir a definición, buscar referencias y detección de errores. Entiende la jerarquía de clases de PrestaShop — escriba $this->context-> y obtenga sugerencias reales. La versión gratuita es excelente; la licencia de pago añade refactorización de nombres y más.
• Smarty Template Support: Resaltado de sintaxis y snippets para archivos .tpl. Sin esto, los archivos Smarty son solo texto sin color.
• GitLens: Muestra quién cambió cada línea, cuándo y por qué — directamente en el editor. Invaluable cuando se depura un módulo que funcionaba la semana pasada y ahora no.
• Docker: Gestione contenedores, vea registros, ejecute shells — todo desde la barra lateral. Ya no necesita cambiar al terminal para ejecutar docker ps.
• Remote - SSH: Edite archivos en un servidor remoto como si fueran locales. Abra todo el directorio de su proyecto PrestaShop por SSH con IntelliSense completo. Así es como trabajamos: VS Code se ejecuta en un escritorio local con Arch Linux, conectado vía SSH a un servidor TrueNAS donde residen todos los contenedores Docker.
• PHP Debug: Integración con Xdebug — establezca puntos de interrupción, inspeccione variables, recorra el código paso a paso. Convierte un «¿por qué este hook devuelve null?» de un misterio de 30 minutos en una investigación de 2 minutos.

Configuración de Xdebug con VS Code:

Añada un archivo .vscode/launch.json a su proyecto:

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

En su contenedor PHP, configure Xdebug 3:

xdebug.mode=debug
xdebug.start_with_request=trigger
xdebug.client_host=host.docker.internal
xdebug.client_port=9003

Instale la extensión de navegador Xdebug Helper, haga clic en «Debug» en el icono de la extensión, pulse F5 en VS Code y recargue su página de PrestaShop. La ejecución se detiene en sus puntos de interrupción. Este flujo de trabajo le ahorrará más tiempo que cualquier otra herramienta de esta lista.

PHPStorm — La alternativa premium

PHPStorm de JetBrains es el estándar de oro para IDEs de PHP. Tiene una comprensión de PHP más profunda que VS Code de serie — refactorización, integración con bases de datos, terminal integrado y soporte para Xdebug que simplemente funciona. La desventaja: es un producto de pago (prueba gratuita de 30 días, luego suscripción). También usa más RAM que VS Code — cuente con 2-4GB para un proyecto grande de PrestaShop.

Si usted es un desarrollador de PrestaShop a tiempo completo y su flujo de trabajo es 90% PHP, PHPStorm puede valer la inversión. Si también hace JavaScript, DevOps y trabaja con múltiples lenguajes, la flexibilidad y menor peso de VS Code tienen más sentido.

Ediciones rápidas en servidor: Kate, nano, vim

A veces se conecta por SSH a un servidor y necesita cambiar una línea en un archivo de configuración. No necesita un IDE completo para eso.

• nano: Disponible en todo sistema Linux. nano /etc/php/8.2/fpm/php.ini — edite, Ctrl+O para guardar, Ctrl+X para salir. Simple.
• vim: Más rápido una vez que lo aprende, pero la curva de aprendizaje es real. Si ya conoce vim, no necesita este párrafo.
• Kate: El editor de texto de KDE. Resaltado de sintaxis completo, vistas divididas, terminal integrado. Cuando está en un escritorio Linux y necesita algo entre nano y VS Code, Kate es excelente.

Control de versiones

Si el código de su módulo no está en Git, está a una mala edición de un desastre. Punto.

Git — No negociable

Git no es opcional. Cada módulo de PrestaShop, cada personalización de tema, cada script que escriba debe estar en un repositorio Git. No cuesta nada, se configura en segundos y ha salvado a innumerables desarrolladores de pérdidas de datos catastróficas.

# 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

Flujos de trabajo Git para módulos de PrestaShop:

• Ramas de funcionalidad: Nunca trabaje directamente en main. Cree feature/add-bulk-import, desarrolle, pruebe y luego fusione. Si algo sale mal, main queda intacto.
• Versionado semántico: Use etiquetas v1.2.3 — mayor.menor.parche. Incremente la mayor para cambios incompatibles, la menor para nuevas funcionalidades, el parche para correcciones de errores. El sistema de módulos de PrestaShop espera una cadena de versión en la configuración de su módulo, y debe coincidir con sus etiquetas Git.
• Mensajes de commit que signifiquen algo: «Bug corregido» es inútil seis meses después. «Fix: descuento de regla de carrito aplicado dos veces cuando el cliente usa el pago rápido» le dice exactamente qué pasó y por qué.

Mantenemos más de 100 repositorios de módulos de PrestaShop. Cada uno usa Git con versionado semántico. Cuando un cliente reporta un error en «la versión de hace tres meses», podemos obtener exactamente esa versión en segundos. Sin Git, estaría adivinando.

Alojamiento Git: autoalojado vs nube

• GitHub: El estándar de la industria. Repositorios privados gratuitos, excelente CI/CD con GitHub Actions, la comunidad más grande. Si no tiene una razón específica para ir a otro lugar, empiece aquí.
• GitLab: Autoalojado o en la nube. Pipelines de CI/CD integrados, registro de contenedores, seguimiento de incidencias. Más funcionalidades que GitHub de serie, curva de aprendizaje más pronunciada.
• Gitea: Servidor Git ligero y autoalojado, escrito en Go. Usa recursos mínimos — funciona cómodamente junto a sus contenedores Docker. Nosotros ejecutamos Gitea en nuestro servidor de desarrollo para repositorios internos que no necesitan estar en GitHub. Perfecto si desea control total sobre su código sin pagar por repositorios privados (aunque GitHub ahora también los ofrece gratis).

Contenedorización y virtualización

PrestaShop 1.6 necesita PHP 5.6-7.1. PrestaShop 8.x necesita PHP 8.1+. PrestaShop 9.x necesita PHP 8.2+. Ejecutar todo esto en la misma máquina sin contenedores es una pesadilla. No lo intente.

Docker + Docker Compose

Docker es el estándar para ejecutar múltiples versiones de PrestaShop simultáneamente. Cada versión obtiene su propio contenedor con su propio PHP, su propio MySQL y su propio sistema de archivos. Nada entra en conflicto. Puede ejecutar PS 1.6 junto a PS 9.1 en el mismo servidor sin ningún problema.

Un docker-compose.yml mínimo para un entorno de desarrollo PrestaShop:

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:

Tenemos una guía completa sobre Docker para el desarrollo de PrestaShop — consulte nuestra Guía de desarrollo Docker para PrestaShop para instrucciones detalladas de configuración, configuraciónes multiversión, gestión de bases de datos y patrones de despliegue en producción.

Nuestro servidor de desarrollo ejecuta más de 25 contenedores PrestaShop simultáneamente — desde PS 1.6.1.23 hasta PS 9.1.0 — cada uno con su propia base de datos, cada uno accesible en un puerto diferente. Docker hace que esto sea trivialmente fácil de gestiónar.

Podman — La alternativa a Docker

Podman es un reemplazo directo de Docker que ejecuta contenedores sin un demonio y sin requerir privilegios de root. Los comandos son casi idénticos — podman run, podman compose, podman build. Si su organización tiene políticas de seguridad contra la ejecución del demonio de Docker como root, Podman es la respuesta.

Para la mayoría de los desarrolladores de PrestaShop, Docker es la opción más segura simplemente porque todos los tutoriales, respuestas de Stack Overflow y documentación de PrestaShop asumen Docker. Pero vale la pena conocer Podman.

QEMU/KVM + virt-manager — Máquinas virtuales completas

A veces los contenedores no son suficientes. ¿Probar en Windows Server? ¿Reproducir el entorno específico de cPanel de un cliente? ¿Ejecutar un escritorio completo para pruebas manuales? Ahí es donde entran las máquinas virtuales completas.

• QEMU/KVM: Virtualización a nivel de kernel en Linux. Rendimiento casi nativo porque usa aceleración por hardware (Intel VT-x/AMD-V). Gratuito, de código abierto y ya instalado en la mayoría de los servidores Linux.
• virt-manager: Una interfaz gráfica para gestiónar máquinas virtuales QEMU/KVM. Crear, iniciar, detener, crear instantáneas — todo desde una GUI de escritorio. Más ligero que VirtualBox, más rápido que VMware y 100% gratuito.

Use máquinas virtuales para casos especiales. Use Docker para el desarrollo diario de PrestaShop. Esta distinción le ahorrará tiempo.

Diseño y gráficos

El desarrollo de PrestaShop no es solo código. Usted editará imágenes de productos, creará banners, diseñará iconos de configuración de módulos, exportará SVGs para temas y procesará por lotes miles de fotos de productos. Estas son las herramientas que manejan todo eso — de forma gratuita.

GIMP 3.0 — El Photoshop gratuito

GIMP (GNU Image Manipulation Program) es un editor de imágenes con todas las funcionalidades. GIMP 3.0, lanzado en 2025 tras años de desarrollo, trajo una renovación masiva de la interfaz, edición no destructiva y mucha mejor compatibilidad con PSD.

Tareas comunes de PrestaShop con GIMP:

• Edición de imágenes de productos — eliminar fondos, ajustar colores, recortar a dimensiones exactas
• Creación de banners de categorías y gráficos promocionales
• Diseño de iconos y miniaturas para la página de configuración de módulos
• Apertura y edición de archivos PSD de diseñadores que usan productos Adobe
• Procesamiento por lotes mediante scripting con Script-Fu o Python-Fu

¿Es idéntico a Photoshop? No. Los atajos de teclado son diferentes, la gestión de capas funciona de otra manera y algunos filtros avanzados no tienen equivalente directo. Pero para el trabajo de imágenes relacionado con PrestaShop — fotos de productos, banners, iconos, capturas de pantalla — GIMP maneja todo lo que necesita.

Inkscape — Gráficos vectoriales

Inkscape es la alternativa de código abierto a Adobe Illustrator. Úselo para:

• Crear iconos SVG para la interfaz de administración de su módulo
• Diseñar logotipos y gráficos vectoriales para temas
• Editar archivos SVG de bibliotecas de iconos antes de incrustarlos en plantillas
• Crear gráficos escalables que se vean nítidos a cualquier resolución

SVG es el formato correcto para iconos de interfaz en módulos y temas de PrestaShop. Inkscape crea una salida SVG limpia y optimizada que puede incrustar directamente en sus plantillas o CSS.

Photopea — Photoshop en su navegador

Photopea es un editor de imágenes basado en navegador que se ve y funciona casi exactamente como Photoshop. Abre archivos PSD, XCF, Sketch, XD y CDR de forma nativa. Sin instalación, sin cuenta requerida, completamente gratuito (con publicidad).

Cuando un diseñador le envía una maqueta PSD y necesita exportar una capa específica, o cuando necesita hacer una edición rápida a una imagen de producto y GIMP no está instalado en su máquina actual — Photopea es la respuesta. Lo usamos regularmente para ediciones rápidas, exportaciones de capas PSD y generación de imágenes de portada de productos a partir de plantillas.

Photopea se ejecuta completamente en su navegador — sus archivos nunca salen de su máquina. Esto lo hace seguro para trabajar con recursos de clientes e imágenes de productos confidenciales. También funciona en cualquier sistema operativo sin instalación.

FontForge — Fuentes de iconos personalizadas

FontForge es un editor de fuentes de código abierto. En el desarrollo de PrestaShop, lo usará para:

• Crear fuentes de iconos personalizadas para el panel de administración de su módulo (combinar múltiples iconos SVG en un solo archivo de fuente)
• Subconjuntar fuentes web — extraer solo los caracteres que necesita de un archivo de fuente grande para reducir el peso de la página
• Convertir entre formatos de fuente (TTF, OTF, WOFF, WOFF2)

La mayoría de los desarrolladores nunca tocan FontForge, pero cuando lo necesita, nada más hace el trabajo. Si solo necesita conversión básica de formatos de fuente, la herramienta de línea de comandos woff2 es más simple.

ImageMagick — Procesamiento de imágenes por lotes

ImageMagick es la navaja suiza de línea de comandos para el procesamiento de imágenes. Redimensione, convierta, recorte, aplique marcas de agua y optimice miles de imágenes en un solo comando.

# 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

Cuando un cliente le entrega 5.000 imágenes de productos que son todas de 4000x4000 píxeles y las necesita a 800x800 con versiones WebP — ImageMagick es cómo lo hace sin pasar tres días haciendo clic en una interfaz gráfica.

Blender — Renderizados 3D de productos

Blender es una suite completa de modelado 3D, animación y renderizado. En el comercio electrónico, se usa cada vez más para crear renderizados fotorrealistas de productos — especialmente para productos que aún no existen o que son costosos de fotografiar. Tiendas de muebles, electrónica, productos personalizados — los renderizados 3D pueden reemplazar por completo la fotografía de productos.

Esta es una herramienta avanzada con una curva de aprendizaje pronunciada. Inclúyala en su kit de herramientas si sus clientes venden productos donde la visualización 3D agrega valor. De lo contrario, omítala.

Comunicación y gestión de proyectos

Thunderbird — Correo electrónico que funciona

Thunderbird es el cliente de correo electrónico gratuito de Mozilla. Si gestióna tiendas PrestaShop, estará lidiando con un flujo constante de notificaciones de pedidos, consultas de clientes, correos de licencias de módulos y alertas de servidor. Un cliente de correo de escritorio adecuado con filtros, carpetas y bandeja de entrada unificada supera a consultar el webmail en una pestaña del navegador.

Thunderbird se conecta a cualquier servidor IMAP/SMTP, admite cifrado PGP vía OpenPGP (integrado desde Thunderbird 78), maneja calendario vía CalDAV y tiene una excelente búsqueda. También se integra con soluciónes de correo autoalojadas como Mailcow.

Comunicación en equipo

• Discord: La comunidad de PrestaShop está activa en Discord. También es excelente para la comunicación en equipos pequeños — canales de voz, compartir pantalla, formato de fragmentos de código. Gratuito para usuarios ilimitados.
• Slack: La alternativa corporativa. Si sus clientes o agencia usan Slack, lo necesitará. El nivel gratuito es utilizable pero limitado (historial de mensajes de 90 días).
• Element (Matrix): Chat de equipo autoalojado con cifrado de extremo a extremo. Si desea control total sobre sus comunicaciones, Matrix es el protocolo abierto y Element es el mejor cliente para él.

Toma de notas y documentación

• Trilium Notes: Aplicación autoalojada de toma de notas jerárquica. Almacena notas en una base de datos SQLite, admite bloques de código, Markdown y texto enriquecido. La ejecutamos como un contenedor Docker junto a nuestras instancias de PrestaShop — contiene notas de desarrollo, información de clientes y documentación técnica.
• Obsidian: Gestión del conocimiento basada en Markdown. Las notas son archivos .md simples almacenados localmente — sin dependencia de la nube, propiedad total de sus datos. Excelente para construir una base de conocimiento personal sobre patrones de PrestaShop, documentación de hooks y soluciónes de depuración.
• Archivos Markdown simples: A veces un README.md en cada repositorio de módulo es todo lo que necesita. Manténgalo simple. Cada módulo debería tener un archivo Markdown que documente qué hace, cómo instalarlo y cómo configurarlo.

Elija un sistema de toma de notas y úselo de forma consistente. La herramienta importa mucho menos que el hábito de anotar las cosas. Cuando resuelva un error complicado de PrestaShop a las 2 de la mañana, docúmentelo — su yo del futuro se lo agradecerá.

Herramientas de navegador y pruebas

Chrome/Chromium DevTools

Chrome DevTools es la herramienta de depuración más importante después de su editor de código. Si no domina DevTools, está trabajando con una mano atada a la espalda.

Funcionalidades clave para el desarrollo de PrestaShop:

• Pestaña Network: Vea cada solicitud HTTP que hace su tienda. Encuentre llamadas API lentas, imágenes sobredimensionadas, recursos faltantes y cadenas de redirección. Filtre por XHR para ver solo llamadas AJAX — esencial para depurar interacciones de añadir al carrito, checkout y APIs de módulos.
• Console: Errores de JavaScript, advertencias y la salida de sus propios console.log(). El JavaScript del front-end de PrestaShop (especialmente los módulos de checkout) lanza errores aquí que son invisibles para el usuario final.
• Panel Elements: Inspeccione y edite en vivo HTML y CSS. Pruebe cambios de diseño antes de tocar sus archivos de plantilla.
• Pestaña Application: Vea y edite cookies (cookies de sesión de PrestaShop, cookies del carrito), localStorage y sessionStorage.
• Pestaña Performance: Grabe una carga de página y vea exactamente dónde se gasta el tiempo — análisis, renderizado, scripting. Identifique qué JavaScript está bloqueando su First Contentful Paint.
• Modo de diseño responsive: Pruebe su tienda en tamaños de viewport específicos. Ctrl+Shift+M lo activa. Pruebe a 375px (iPhone SE), 390px (iPhone 14), 768px (tablet) y sus breakpoints.

Brave Browser

Brave está basado en Chromium (mismas DevTools, mismo motor de renderizado) pero con bloqueo de anuncios, bloqueo de rastreadores y protección de huellas digitales integrados. Úselo para probar cómo se comporta su tienda cuando los clientes usan bloqueadores de anuncios — porque muchos lo hacen. También proporciona un entorno de navegación limpio sin scripts de seguimiento que interfieran con sus pruebas.

Playwright — Pruebas automatizadas de navegador

Playwright de Microsoft es un framework de automatización de navegadores. Escriba scripts que abran su tienda, naveguen por las páginas, hagan clic en botones, rellenen formularios y verifiquen que todo funciona — automáticamente.

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 es compatible con Chromium, Firefox y WebKit (el motor de Safari) — pruebe en los tres navegadores desde el mismo script. Es más rápido y fiable que Selenium, y su mecanismo de espera automática maneja bien las páginas con mucho AJAX de PrestaShop.

Lighthouse — Auditoría de rendimiento

Lighthouse está integrado en Chrome DevTools (pestaña Audits) y también disponible como herramienta CLI. Califica su tienda en Rendimiento, Accesibilidad, Buenas Prácticas y SEO — y le dice exactamente qué corregir.

# 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

Ejecute Lighthouse en su página de inicio, una página de categoría y una página de producto. Esas tres cubren el 90% de lo que ven sus clientes. Consulte nuestra Guía de optimización del rendimiento de PrestaShop para orientación detallada sobre cómo mejorar sus puntuaciones.

Servidor e infraestructura

TrueNAS — Servidor de almacenamiento para desarrollo

TrueNAS (anteriormente FreeNAS) es un sistema operativo de almacenamiento de código abierto basado en ZFS. Para una configuración de desarrollo de PrestaShop, proporciona:

• Instantáneas ZFS: Tome instantáneas de todo su conjunto de datos Docker antes de cambios arriesgados. Revierta en segundos si algo sale mal. Esto es mejor que cualquier solución de respaldo porque es instantáneo.
• Soporte Docker: Ejecute todos sus contenedores PrestaShop directamente en TrueNAS. No necesita un servidor separado.
• Integridad de datos: ZFS verifica cada bloque de datos con sumas de comprobación. La corrupción silenciosa (bit rot) se detecta y corrige automáticamente. Cuando sus repositorios de módulos y datos de clientes residen aquí, eso importa.

Nuestro servidor de desarrollo es una máquina TrueNAS con 64GB de RAM ejecutando más de 100 contenedores Docker — instancias de PrestaShop, bases de datos, monitoreo, correo, alojamiento Git y más. Las instantáneas ZFS significan que podemos experimentar sin miedo.

SSH + SSHFS — Acceso remoto a archivos

SSH es cómo se conecta a su servidor de desarrollo y a los hosts de producción. SSHFS le permite montar un directorio remoto localmente a través de SSH — edite archivos en su servidor usando herramientas locales como si estuvieran en su propio disco.

# 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

La extensión Remote SSH de VS Code es generalmente una mejor experiencia (ejecuta el servidor de lenguaje en la máquina remota), pero SSHFS es útil cuando necesita usar herramientas que no admiten SSH de forma nativa.

WireGuard — VPN segura

WireGuard es un protocolo VPN rápido y moderno. Si su servidor de desarrollo está en una red doméstica o detrás de un firewall, WireGuard le brinda acceso seguro desde cualquier lugar — cafetería, oficina de un cliente o conexión móvil compartida.

La configuración es mínima — un solo archivo en cada extremo, unas 10 líneas cada uno. Se conecta instantáneamente (a diferencia de OpenVPN, que negocia durante segundos), usa un mínimo de CPU y funciona de forma fiable en conexiónes poco fiables. Usamos WireGuard para conectar un portátil a nuestro servidor de desarrollo desde cualquier ubicación.

Rclone — Sincronización de almacenamiento en la nube

Rclone es la navaja suiza de línea de comandos para el almacenamiento en la nube. Admite más de 70 proveedores — Amazon S3, Backblaze B2, Google Drive, Dropbox, FTP, SFTP y más.

# 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 --daemon

Use Rclone para respaldos externos de sus lanzamientos de módulos, volcados de bases de datos y recursos de clientes. Automáticelo con un trabajo cron y nunca se preocupe por perder datos por un fallo de disco.

Nginx Proxy Manager — Proxy inverso con SSL

Nginx Proxy Manager (NPM) proporciona una interfaz web para gestiónar configuraciónes de proxy inverso Nginx y certificados SSL. Cuando ejecuta más de 20 contenedores PrestaShop en diferentes puertos, NPM le permite acceder a todos ellos mediante URLs limpias con HTTPS automático.

• ps82.dev.example.com redirige al puerto 8085
• ps91.dev.example.com redirige al puerto 8103
• Certificados SSL automáticos de Let's Encrypt o desafío DNS de Cloudflare
• Interfaz basada en web — sin editar archivos de configuración de Nginx manualmente

Uptime Kuma — Monitoreo

Uptime Kuma es una herramienta de monitoreo autoalojada. Añada todas sus instancias de PrestaShop, bases de datos y servicios de infraestructura — reciba notificaciones vía Discord, Slack, correo electrónico o Telegram cuando algo se caiga.

Cuando gestióna múltiples tiendas de clientes, saber que un sitio se cayó antes de que el cliente le llame es la diferencia entre «lo notamos y ya estamos arreglándolo» y «no teníamos idea».

Herramientas de base de datos

PrestaShop funciona con MySQL o MariaDB. Pasará un tiempo significativo en la base de datos — depurando consultas, migrando datos, analizando rendimiento y limpiando después de malas instalaciones de módulos.

CLI de MySQL/MariaDB

El cliente de línea de comandos siempre está disponible, incluso en instalaciones mínimas de servidor. Aprenda lo básico:

# 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

Para verificaciónes rápidas, la CLI es más rápida que cualquier herramienta GUI. Ya está en el terminal — escribir una consulta toma 5 segundos. Abrir una aplicación GUI toma 30.

phpMyAdmin — GUI basada en web

phpMyAdmin se ejecuta como una aplicación web. La mayoría de los hosts compartidos lo incluyen por defecto. Maneja la navegación visual de tablas, construcción de consultas, importación/exportación y gestión de usuarios a través de una interfaz de navegador.

No es la herramienta más elegante, pero está en todas partes. Todo desarrollador de PrestaShop sabe usar phpMyAdmin porque tarde o temprano estará en un host cPanel donde es su única opción.

DBeaver — GUI de base de datos de escritorio

DBeaver es un cliente de base de datos gratuito y multiplataforma que se conecta a MySQL, MariaDB, PostgreSQL, SQLite y docenas más. Ofrece:

• Constructor visual de consultas y editor SQL con resaltado de sintaxis y autocompletado
• Diagramas ER — visualice las relaciones entre tablas de PrestaShop (y hay muchas)
• Exportación de datos en formatos CSV, JSON, SQL, XML
• Múltiples conexiónes simultáneas — tenga sus bases de datos de desarrollo, staging y producción abiertas en pestañas
• Túnel SSH integrado — conéctese a bases de datos remotas sin reenvío de puertos

Si trabaja con bases de datos de PrestaShop a diario — escribiendo joins complejos entre ps_product, ps_product_lang, ps_product_shop y ps_stock_available — el autocompletado y las vistas de relaciones de tablas de DBeaver le harán la vida significativamente más fácil.

mysqldump — Respaldos y migraciónes

El comando mysqldump crea volcados SQL de texto de bases de datos o tablas individuales. Es la forma estándar de respaldar y migrar bases de datos de PrestaShop.

# 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

Siempre use --single-transaction para tablas InnoDB (que es lo que usa PrestaShop). Sin esto, su volcado puede contener datos inconsistentes si la tienda está procesando pedidos durante el respaldo.

PHP y Composer

Múltiples versiones de PHP — Por qué las necesita

El desarrollo de módulos de PrestaShop requiere probar en múltiples versiones de PHP porque sus clientes ejecutan diferentes versiones de PrestaShop en diferentes entornos de alojamiento:

• PHP 7.2-7.4: PrestaShop 1.7.x (aún ampliamente desplegado)
• PHP 8.1: PrestaShop 8.0-8.1
• PHP 8.2: PrestaShop 8.2 y 9.0
• PHP 8.3-8.4: PrestaShop 9.1+ y pruebas de compatibilidad futura

Un módulo que funciona en PHP 8.2 podría lanzar advertencias de deprecación en 8.3 o errores fatales en 7.4. Si solo prueba en una versión de PHP, sus clientes encontrarán los errores por usted. Docker resuelve esto — cada contenedor ejecuta su propia versión de PHP — pero también debería saber cómo gestiónar múltiples versiones de PHP en una máquina de desarrollo bare-metal.

# 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 — Gestión de dependencias

Composer es el gestor de paquetes para PHP. PrestaShop 8+ usa Composer extensivamente, y el desarrollo moderno de módulos también debería hacerlo. Composer maneja la autocarga, las dependencias y las restricciones de versiones.

# 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

Para módulos de PrestaShop, Composer es particularmente útil para compartir código entre módulos — componentes de administración comunes, selectores de entidades, traits de configuración. Cree paquetes privados de Composer para código compartido e inclúyalos en el composer.json de cada módulo.

Siempre haga commit de composer.lock en su repositorio. Esto asegura que todos (y cada despliegue) obtengan exactamente las mismas versiones de dependencias. composer install lee el archivo lock; composer update lo regenera.

PHPStan / Psalm — Análisis estático

PHPStan y Psalm analizan su código PHP sin ejecutarlo. Detectan errores que son invisibles hasta que una ruta de código específica se activa en producción:

• Llamar a métodos en objetos posiblemente nulos
• Tipos de argumentos incorrectos pasados a funciones
• Variables indefinidas en ramas raramente ejecutadas
• Código muerto que nunca puede ser alcanzado
• Discrepancias en tipos de retorno

# 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\(\)#'

Comience en el nivel 1 y aumente gradualmente. El nivel 5 es un buen objetivo para módulos de PrestaShop — detecta errores reales sin ahogarle en advertencias sobre los patrones de código heredado del propio PrestaShop.

PHP_CodeSniffer — Estilo de código

PHP_CodeSniffer impone estándares de codificación consistentes. PrestaShop tiene sus propios estándares de codificación, y si envía módulos al marketplace de Addons, su código debe cumplirlos.

# 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/

Un estilo de código consistente no se trata de estética — se trata de legibilidad. Cuando cada archivo en su módulo sigue los mismos patrones, los errores se destacan porque rompen el patrón visual.

Xdebug 3 — Depuración paso a paso

Xdebug es una extensión de PHP que proporciona depuración paso a paso, trazas de pila, perfilado y cobertura de código. Xdebug 3 (la versión actual) es significativamente más rápido que Xdebug 2 y usa una configuración más simple.

Modos clave de Xdebug para el desarrollo de PrestaShop:

• xdebug.mode=debug: Depuración paso a paso — establezca puntos de interrupción, inspeccione variables, recorra hooks y controladores línea por línea.
• xdebug.mode=profile: Genere archivos cachegrind que muestran exactamente dónde PHP emplea el tiempo. Ábralos en KCacheGrind (Linux) o QCacheGrind (macOS/Windows) para encontrar cuellos de botella de rendimiento.
• xdebug.mode=trace: Registre cada llamada a función. Útil para entender el flujo de ejecución de PrestaShop a través de su sistema de hooks.

# php.ini configuration for Xdebug 3
[xdebug]
zend_extension=xdebug
xdebug.mode=debug
xdebug.start_with_request=trigger
xdebug.client_host=host.docker.internal
xdebug.client_port=9003
xdebug.log=/tmp/xdebug.log

Use start_with_request=trigger en lugar de =yes. Con =yes, Xdebug intenta conectarse a su IDE en cada solicitud — incluidas llamadas AJAX, solicitudes de imágenes y trabajos cron. Con =trigger, solo se activa cuando usted lo habilita explícitamente a través de la extensión del navegador o una cookie. Esto mantiene su entorno de desarrollo rápido.

Herramientas de compilación

Node.js + npm/Yarn

Node.js es necesario para compilar recursos front-end en temas y módulos modernos de PrestaShop. El tema Hummingbird (PrestaShop 8+) usa Webpack. Muchos módulos usan Sass para el preprocesamiento de CSS y necesitan Node.js para la compilación.

# 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

Use npm o Yarn — elija uno y manténgalo por proyecto. No los mezcle. Los archivos lock (package-lock.json vs yarn.lock) no son intercambiables.

Grunt — Empaquetado ZIP de módulos

Grunt es un ejecutor de tareas JavaScript. En el desarrollo de módulos de PrestaShop, se usa comúnmente para construir archivos ZIP de distribución — combinando archivos PHP, plantillas, recursos y configuración en un archivo listo para instalar.

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

# In your module directory:
npm install

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

Un Gruntfile bien configurado maneja el incremento de versiones, la exclusión de archivos (sin .git, sin node_modules, sin archivos de desarrollo en el ZIP), la compilación de Sass y la validación — todo en un solo comando. Cuando necesita lanzar una actualización de módulo, ejecuta grunt y obtiene un archivo ZIP limpio, listo para subir.

Sass (Dart Sass) — Preprocesamiento de CSS

Sass le permite escribir CSS con variables, anidamiento, mixins y funciones. Los temas de PrestaShop y muchos módulos usan SCSS (la sintaxis compatible con CSS de Sass) para los estilos.

# 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/

Use Dart Sass, no Node Sass ni Ruby Sass — esos están deprecados. Dart Sass es la implementación canónica y se mantiene activamente.

Dart Sass puede generar un BOM UTF-8 (Byte Order Mark) al inicio de los archivos CSS compilados. La mayoría de los navegadores lo manejan bien, pero en casos extremos puede causar que reglas CSS se descarten silenciosamente. Si encuentra estilos misteriosamente faltantes, verifique y elimine el BOM: sed -i '1s/^\xEF\xBB\xBF//' output.css

Webpack — Empaquetado de recursos

Webpack es un empaquetador de módulos para JavaScript y recursos. El tema Hummingbird de PrestaShop (el tema moderno por defecto desde PS 8+) usa Webpack para su pipeline de compilación. Si crea temas hijo o necesita personalizar Hummingbird, trabajará con Webpack.

# 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

La configuración de Webpack puede ser intimidante. La buena noticia: el Hummingbird de PrestaShop proporciona un webpack.config.js preconfigurado. Raramente necesitará modificarlo a menos que esté añadiendo puntos de entrada completamente nuevos o cambiando el pipeline de compilación.

Ofimática y documentación

LibreOffice — Hojas de cálculo y documentos

LibreOffice es la suite ofimática gratuita. En el desarrollo de PrestaShop, la usará para:

• Calc (hojas de cálculo): Edición de CSV para importación/exportación de productos. La función de importación de PrestaShop espera formatos CSV específicos — LibreOffice Calc maneja la codificación CSV, delimitadores y mapeo de columnas mejor que la mayoría de las herramientas. También útil para cálculos de listas de precios, gestión de stock y preparación de datos de clientes.
• Writer (documentos): Contratos, documentación de módulos, propuestas para clientes. Abre y edita archivos de Microsoft Word.
• Impress (presentaciones): Demos de módulos, presentaciones para clientes, materiales de formación.

Al editar archivos CSV para importación en PrestaShop, siempre guarde como UTF-8 con BOM, separador coma. Esto asegura que los caracteres especiales (nombres de productos con acentos, símbolos de moneda) sobrevivan al proceso de importación.

Markdown — Documentación para desarrolladores

Markdown es el formato universal para documentación de desarrolladores. Cada repositorio de módulo debería tener un README.md con instrucciones de instalación, guía de configuración y registro de cambios. GitHub, GitLab y Gitea renderizan Markdown de forma excelente.

# Module Name

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

## Configuration
- **Option A:** Does X
- **Option B:** Does Y

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

Mantenga la documentación junto al código que documenta. Un CLAUDE.md o README.md en la raíz del proyecto, actualizado junto con los cambios de código, vale más que un wiki separado que nadie mantiene.

OBS Studio — Grabación de pantalla

OBS Studio es un software gratuito y de código abierto para grabación de pantalla y streaming. Úselo para:

• Documentación de errores: Grabe un error ocurriendo paso a paso. Un video de 30 segundos vale más que mil palabras en un reporte de errores.
• Tutoriales de módulos: Grabe recorridos de instalación y configuración para los clientes.
• Comunicación con clientes: Muestre a un cliente exactamente qué corrigió y cómo funciona ahora.
• Compartir conocimiento: Grabe su proceso de depuración para que los miembros del equipo aprendan.

OBS maneja la grabación de pantalla, superposición de cámara web, mezcla de audio y exportación directa a MP4. Es enormemente más capaz que cualquier grabador de pantalla integrado.

Nuestro stack recomendado — Referencia rápida

Aquí tiene el kit completo de herramientas que usamos a diario, organizado por categoría. Cada herramienta es gratuita o de código abierto.

Construyendo su entorno — Por dónde empezar

Si está configurando un entorno de desarrollo PrestaShop desde cero, este es el orden que tiene más sentido:

1. Instale Docker y Docker Compose. Todo lo demás se construye sobre esto. Siga nuestra guía de Docker.
2. Instale VS Code con las extensiones listadas arriba. Añada PHP Intelephense y la extensión de Docker primero.
3. Inicialice repositorios Git para todos sus módulos. Suba a GitHub o a su Gitea autoalojado.
4. Configure Xdebug en sus contenedores Docker y configure VS Code para escuchar. Esta es la mejora de productividad más significativa que puede hacer.
5. Añada Composer a su flujo de trabajo. Comience con composer init en su módulo y añada la autocarga.
6. Instale GIMP e ImageMagick. Necesitará capacidades de edición de imágenes antes de lo que piensa.
7. Configure el monitoreo con Uptime Kuma una vez que tenga tiendas en producción que vigilar.

No intente adoptar todo de una vez. Comience con Docker + VS Code + Git + Xdebug. Esa combinación por sí sola transformará su productividad. Añada otras herramientas a medida que su flujo de trabajo las demande.

Una nota sobre licencias de software

Todas las herramientas listadas en esta guía son gratuitas o de código abierto. Creemos en usar software legal — sin copias piratas, sin licencias crackeadas, sin módulos «nulled». El código abierto le brinda todo lo que necesita para el desarrollo profesional de PrestaShop.

Las herramientas listadas aquí no son compromisos ni alternativas «suficientemente buenas para ser gratis». GIMP es un editor de imágenes genuinamente potente. VS Code es usado por millones de desarrolladores profesionales. Docker es el estándar de la industria para contenedorización. PHPStan detecta errores reales en código de producción. Estas herramientas son las mejores en su clase, y resulta que son gratuitas.

Si usted es un desarrollador de PrestaShop que aún usa software crackeado, considere esto: todo el stack de desarrollo anterior cuesta exactamente cero dólares. El tiempo que gasta buscando, instalando y lidiando con software crackeado es tiempo que podría dedicar a construir módulos y atender clientes. Y nunca recibirá una carta de cumplimiento de licencias.

Apoye el ecosistema de código abierto que hace posible su trabajo. Use herramientas gratuitas legalmente. Contribuya cuando pueda — reportes de errores, documentación, incluso una estrella en GitHub ayuda. Las herramientas existen porque personas las construyeron para que todos las usaran. Respete eso.