7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Code
  2. WordPress

Los Mejores 5 IDEs para Desarrollo de WordPress (Y Por Qué)

Scroll to top
Read Time: 15 mins

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

He estado desarrollando con WordPress por alrededor de diez años, y durante ese tiempo, he usado mi conjunto de Entornos de Desarrollo Integrado (IDEs). Ciertamente no hay escasez de opciones éstos días, con literalmente docenas de diferentes editores/IDEs disponibles. (Llegaremos a la distinción entre un IDE y un editor en breve.)

Algunos IDEs son gratuitos, otros comerciales. Algunos son muy básicos por defecto, mientras que otros hacen casi todo lo que quieres apenas instalarlos. Ésta abundancia de opciones es magnífica pues significa que casi estás seguro de encontrar uno que se adapte a la manera en que trabajas e incluya el adecuado conjunto de prestaciones que buscas.

Con cual IDE terminarás usando para un proyecto particular es principalmente una elección personal. Si estás acostumbrado a usar el mismo IDE para cada proyecto y funciona para tí entonces podrías no ver razón para usar una alternativa. Sin embargo, podría ser provechoso probar una alternativa de vez en cuando. ¿Qué tienes que perder? Si resulta en una aceleración del flujo de trabajo ¡entonces definitivamente bien vale la pena!

Si eres nuevo en la codificación en WordPress entonces puede ser un poco desalentador decidir qué IDEs considerar. Demasiadas elecciones pueden parecer inicialmente como una desventaja. En éste artículo, ojalá te ayude a facilitarte la elección al cubrir cinco de los mejores diez IDEs para desarrollo web actualmente disponibles.

En ningún orden particular, éstos son:

  • PhpStorm
  • Sublime Text 3
  • Atom
  • Coda 2
  • NetBeans

Pronto echaremos una mirada más profunda en cada uno de nuestros cinco IDEs en turno, para ver cómo pueden ayudarte a desarrollar proyectos basados en WordPress. Pero primero, descubramos qué queremos decir exactamente con un IDE.

¿Qué es eso de IDE?

De acuerdo a Wikipedia, un IDE se define como:

Un entorno de desarrollo integrado (IDE) es una aplicación informática que proporciona servicios integrales a programadores computacionales para desarrollo de software. Un IDE normalmente consiste de un editor de código fuente, herramientas de construcción automáticas y un depurador.

Desmenuzando ésto, básicamente significa que un IDE es un entorno de programación que puedes usar para desarrollar software sin tener que abandonar la interfaz. ¡Míralo como una navaja suiza del desarrollo de software! Todo lo que necesitas está aquí, a la mano, para ayudarte a terminar el trabajo.

A diferencia de la mayoría de los editores, un IDE generalmente tiene soporte para proyectos completos más bien que poder lidiar con archivos de código fuente individuales. Aún si un editor es capaz de editar más de un archivo, podría no soportar crear un archivo de proyecto que abarque un directorio entero de archivos, junto con parámetros específicos para ese proyecto. Éstos parámetros de proyecto pueden incluir referencias a librerías de software externas, configuración de editor, control de versiones, y preferencias de depuración.

Decidir qué IDE usar es muy subjetivo pues realmente depende de las características que buscas, pero algunas de las prestaciones que podrías esperar encontrar en un IDE completo podrían incluir:

  • Soporte de múltiples lenguajes (PHP, JS, CSS, HTML)
  • Completado de código
  • Refactorización
  • Sistema de detección de errores
  • Depurador
  • Automatización de Compilación
  • Integración SVN/Git
  • Detección de errores de sintaxis en el código
  • Resaltado de código
  • Compilador
  • Intérprete
  • Gestión/Edición de Base de Datos

No hay reglas rápidas y rígidas en cuanto a lo que define un IDE exactamente. Y si preguntaras a una docena de diferentes desarrolladores sobre las prestaciones imprescindibles de su IDE, probablemente obtendrías respuestas muy variadas. Mientras más prestaciones de la lista de arriba que están integradas en una aplicación, o disponibles como un complemento, más cerca está de ser un IDE.

Podrías haber notado que algunos de los 'IDEs' que estaremos cubriendo en éste tutorial no son en realidad IDEs en absoluto. Así que ¿por qué incluirlos todos en nuestra lista? Bueno, éstos editores particulares han llegado a ser extremadamente populares para el desarrollo web y tienen fuertes comunidades de usuarios detrás de ellos lo que ha generado una completa gama de paquetes, extensiones, y complementos que realmente recorren un largo camino para transformarlos de simples editores a IDEs muy utilizados. 

Piensa en ellos como IDEs 'ligeros'. Rápidos, robustos y altamente configurables. ¿Recuerdas nuestra analogía con la navaja Suiza de antes? Sublime Text 3, Coda 2, y Atom son ejemplos excelentes de éstos tipos de IDEs. No son IDEs tradicionales, pero pueden encajar plácidamente cuando se personalizan correctamente.

Puede haber ventajas de elegir un editor ligero sobre un tradcional IDE lleno de prestaciones. Típicamente, esperarías que abran rápido y corran más rápido pues son aplicaciones más pequeñas y tienen menos consumo de recursos de procesamiento. Sabrás lo que quiero decir si alguna vez has abierto un IDE con un proyecto grande y tienes que esperar un rato para que abra la aplicación e indexar todos los archivos ¡antes de poder empezar a editar!

Compara ésto con un editor 'más ligero' con únicamente las características agregadas que necesitas. Ésto resulta en un IDE que no contiene muchas funcionalidades que nunca pudieras utilizar. Ésto ayuda a mantener tu desarrollo configurado ligero y rápido. Aunque si estás en una máquina muy rápida, podrías no notar demasiada diferencia en el desarrollo día a día entre un IDE completo y un editor cuidadosamente configurado. Sin embargo, si no tienes ese lujo, entonces el desempeño del IDE podría ser un factor muy importante en tu desarrollo día a día.

Por éstas razones, decidimos mezclar la lista un poco e incluir tanto IDEs 'ligeros' y los llenos de prestaciones que podrían atraer a los desarrolladores de WordPress con un amplio rango de expectativas y requisitos.

Iniciemos nuestro recorrido de IDEs con PhpStorm.

PhpStorm

PhpStormPhpStormPhpStorm

PhpStorm es un IDE comercial de JetBrains, y presume de un impresionante gama de prestaciones incluídas. Una característica instantáneamente atractiva de PhpStorm es su soporte para desarrollo de WordPress sin la necesidad de complementos. PhpStorm automáticamente detecta si tu proyecto existente está basado en WordPress. Incluso hay un tipo de proyecto de Plugin de WordPress integrado ¡para ayudar a iniciarte en el desarrollo de plugins más fácilmente!

Con WordPress soportado en tu proyecto, tienes acceso total a completación de código para todas las funciones de WordPress integradas, ¡además completado de código de hooks, acciones y filtros! Puedes fácilmente dirigirte a definiciones de función y usos de funciones particulares, lo cual es muy útil. PhpStorm tiene el mejor soporte para WordPress de todos los IDEs cubiertos en nuestra revisión.

Aunque para un nuevo usuario, el gran número de prestaciones disponibles en PhpStorm podría hacerlo parecer un poco desalentador para comenzar. Aunque vale la pena perseverar, pues PhpStorm tiene excelente documentación y videotutoriales disponibles vía el sitio web de PhpStorm.

Debido a que PhpStorm es tan rico en prestaciones, puede tomar un tiempo en cargarse, especialmente para proyectos de WordPress pues hay cientos de archivos para indexar para que las prestaciones de completar código funcionen adecuadamente. Sin embargo, una vez cargado completamente, PhpStorm se siente muy responsivo en la edición de archivos, sin congelamientos notables. Una cosa destacada de PhpStorm es qué tan regularmente se actualiza con soluciones a problemas y nuevas características. Aunque ha existido desde el 2009, PhpStorm todavía tiene un fuerte ciclo de lanzamientos, lo que es muy alentador. Solo siente que PhpStorm estará en el escenario por los siguientes años.

Y no te descontroles por el nombre-PhpStorme no es solo para desarrollo de PHP (tiene soporte completo para PHP7, a propósito). También tiene un excelente soporte integrado para HTML, JavaScript, y CSS, ¡que son todos esenciales para el moderno desarrollo de WordPress!

Detalles de PhpStorm:

  • Sitio Web: https://www.jetbrains.com/phpstorm/
  • Comercial: Sí (disponible una versión de prueba gratuita de 30 días)
  • Lanzamiento Inicial: 2009
  • Regularmente Actualizado: Si
  • Extensiones Soportadas: Si - Plugins
  • Escrito en: Java
  • Soporte Multiplataforma: Si

Sublime Text 3

Sublime Text 3Sublime Text 3Sublime Text 3

A continuación en nuestra lista está Sublime Text 3, desarrollado por Jon Skinner. Está comprobado como una sólida elección entre los profesionales del desarrollo web. Con el paso de los años, ha construído un significativo seguimiento con su poderosa, impecable y muy rápida interfaz de usuario. También es muy conocido por ser extremadamente estable y puede manejar archivos muy grandes con facilidad, mientras que otros editores se ha sabido han tenido inconvenientes con ello.

Interesantemente, tan popular como es, Sublime Text 3 no ha visto una trascendental lanzamento desde hace años. Aunque regularmente hay actualizaciones, éstas principalmente contienen solución de probemas junto con menores mejoras y nuevas prestaciones. Al momento de escribir, Sublime Text 3 está actualmente en fase beta, ¡pero fue inicialmente liberado como beta en el 2013! Y actualmente no hay noticias de una nueva importante liberación.

Al inicio, Sublime Text 3 es muy rápido para abrir. De hecho, es casi instantáneo. Se ejecuta muy rápido también, sin congelamientos o fallas, lo que hace una experiencia de edición productiva extremadamente fluída. Es minimalista y presenta un gestor de paquetes para instalar complementos (escrito en Python) sin la necesidad de reiniciar Sublime Text en la mayoría de los casos (lo cual es una característica agradable).

Como se mencionó arriba, maneja tamaños de archivos grandes extremadamente bien y es muy robusto, lo cual significa que no es propenso a caerse. Hay una vasta gama de poderosos complementos (llamados paquetes) que hacen a Sublime Text muy flexible y versatil también. Éstos incluyen paquetes específicos para desarrollo de WordPress. No hay que negar que es un gran placer utilizar Sublime Text 3.

También puedes encontrar una gran cantidad de tutoriales escritos y videotutoriales sobre Sublime Text 3, que en su mayoría son actualizados. Ésto parece probar que Sublime Text 3 es aún muy popular y ampliamente usado por muchos desarrolladores web diariamente, lo cual es un testamento de la calidad de éste fantástico pequeño editor.

Aunque Sublime Text es todavía actualmente muy popular, podría posiblemente empezar a perder terreno en los dos próximos años. Sin embargo, si la librería de paquetes de Sublime Text 3 continúa floreciendo entonces la falta de una liberación importante podría no ser importante en el corto plazo.

Ciertamente cometerías un error si no probaras Sublime Text 3. Puedes evaluarlo gratuitamente por una cantidad de tiempo no especificada.

Detalles de Sublime Text 3:

  • Stio web: https://www.sublimetext.com/
  • Comercial: Gratis para evaluar (licencia requerida para uso continuo)
  • Lanzamiento Inicial: 2008
  • Regularmenta Actualizado: No
  • Extensiones Soportadas: Si - Paquetes
  • Escrito en: C++, Python
  • Soporte Multiplataforma: Si

Atom

AtomAtomAtom

Elaborado por GitHub, Atom es el nuevo chico de la cuadra de todos los IDEs en nuestra revisión. Liberado en el 2014, es uno de los editores más populares al momento y tiene una comunidad de usuarios que crece rápidamente.

Ésta popularidad podría deberse, al menos en parte, al hecho de que Atom es de código abierto y enteramente generado por la comunidad. Contribuir para Atom es un proceso similar a WordPress en que cualquiera puede contribuir al desarrollo del núcleo, mientras se apeguen a las pautas. Y debido a que Atom es públicamente albergado en GitHub, contribuir es muy fácil si estás familiarizado con los respositoros de Git.

Atom también tiene una enorme librería de complementos, con más de 6,000 actualmente disponibles en la página oficial de paquetes de Atom. Ésto significa que tienes una mejor oportunidad de encontrar un paquete para hacer la mayoría de las cosas que requieres. Hay un rango de paquetes que también facilitan mucho el desarrollo específico de WordPress.

Similar a Sublime Text, Atom tiene un soporte total para proyectos así como edición de archivos individuales. Y hay soporte integrado para el Git control incluído, lo cual no es sorprendente ¡pues es desarrollado por Github!

Es muy básico desde la instalación, pero de nuevo también lo es Sublime Text 3 hasta que comienzas a configurarlo. Las actualizaciones son liberadas regularmente, pero esperarías eso desde un editor relativamente nuevo.

Algunos usuarios han reportado que experimentan tiempo de carga lento y un desempeño irregular cuando se edita, especialmente cuando se trabaja con archivos de gran tamaño. Si ésto es cualquier cosa que tiene que ver con que Atom es desarrollado en JavaScript es debatible. Por contraste, Sublime Text es desarrollado en C++ el cual corre muy rápido nativamente. Únicamente el tiempo dirá si versiones futuras de Atom pueden abordar éstos problemas. Aunque vale la pena recordar, que el código base de Atom todavía es relativamente joven y le falta mucho para madurar.

En general, Atom es un magnífico editor pequeño que puedes configurar fácilmnete para desarrollo de WordPress. No es sorprendente que Atom ya haya ganado tanta tracción, y será realmente interesante ver cómo madura en los siguientes dos años. ¡Definitivamente es uno de los que tienes que estar al tanto!

Detalles de Atom:

  • Sitio web: https://atom.io/
  • Comercial: No (100% gratis)
  • Lanzamiento Inicial: 2014
  • Regularmente Actualizado: Si
  • Extensiones Soportadas: Si (Paquetes)
  • Escrito en: JavaScript
  • Soporte Multiplataforma: Si

Coda 2

Coda 2Coda 2Coda 2

Coda fue primero lanzado en el 2007, solo un año antes que Sublime Text. Ha tenido un seguimiento muy fuerte con el paso de los años, compartiendo mucho del mercado del desarrollo web profesional con Sublime Text en computadoras Mac. Ésta es la prnicipal desventaja de Coda-incluso diez años después del lanzamiento inicial, aún no hay una versión disponible para Windows. Éste es el único editor en nuestra revisión que no es compatible con multiplataforma.

¿Ha tenido ésto un impacto negativo en su popularidad? Eso es difícil de decir, pero es relativamente raro éstos días encontrar aplicaciones para desarrollo web que sean únicamente para Mac (o Windows). Aunque ésto sería una pena, es un estupendo editor. Las características del editor incluyen terminal integrada y cliente de control de fuente, así como un cliente FTP y editor MySQL integrado. Coda 2 también soporta plugins para extender la funcionalidad, incluyendo plugins específicos para el desarrollo de WordPress. Sin embargo, no está claro qué tan regularmente son actualizados éstos complementos de WordPress. Podría afectar la utilidad del editor si fuera a caer demasiado lejos detrás de los complementos que otro editor puede ofrecer.

Aunque Coda 2 es actualizado regularmente, éstos son principalmente correcciones de errores, y no ha habido un importante lanzamiento desde hace años. Coda 3 parece estar lejano, juzgando por ésta respuesta a una petición del usuario en el 2015. Sin embargo, es importante recordar que ésto no es necesariamente algo para preocuparse. Sublime Text 3 todavía está oficialmente en beta (!) y aún es muy popular.

No cometas un error, Coda 2 es una opción muy buena para un editor de código. Puede estar empezando a mostrar su añejamiento un poco, pero definitivamente todavía recomendaría probarlo antes que que tomes una decisión final sobre qué IDE escoger. ¡Específicamente si eres un usuario macOS!

Detalles de Coda 2:

  • Sitio web: [https://panic.com/coda/]
  • Comercial: Si (versilón de prueba gratis 7 días)
  • Lanzamiento Inicial: 2007
  • Regularmente Actualizado: Si
  • Extensiones Soportadas: Si - Plugins
  • Escrito en: (Desconocido)
  • Soporte Multiplataforma: No

NetBeans

NetbeansNetbeansNetbeans

NetBeans ha existido desde hace mucho tiempo (desde medidos de los 90's) pero aún está floreciendo y puede competir con IDEs más nuevos. Como PhpStorm, está desarrollado en Java y está disponible para múltiples plataformas. El núcleo de la aplicación de NetBeans está conformado por un conjunto de 'módulos' para agregar prestaciones al IDE con el objetivo de contribuir al desarrollo web.

NetBeans ha sido uno de los favoritos entre los desarrolladores web por muchos años como uno de los IDEs disponibles con el mayor número de características. Su principal competencia durante éste tiempo era de aplicaciones como Dreamweaver, que aún está en desarrollo activo por Adobe pero no está cerca de la popularidad que tuvo alguna vez. Así que ¿por qué sigue siendo NetBeans tan fuerte?

Siendo desarrollado en Java significaba que era compatible con multiplataforma desde el primer día, y siendo gratuito lo hace atractivo para una audiencia mucho mayor y significa que obtiene incontables recomendaciones de personas que lo han usado por años. Y no es sorprendente que tenga una comunidad de usuarios enorme ¡debido a sus más de 20 años de existencia!

NetBeans funciona bien con proyectos de WordPress. Obtienes el habitual resaltado sintáctico y detección de errores en el código, pero también obtienes un poderoos depurador, lo cual es muy impresionante para un producto 100% gratuito. Hay una completa gama de complementos para una integración más cerrada con WordPress, que facilitará en gran medida el desarrollo de temas y plugins.

Las actualizaciones para NetBeans parecen haberse ralentizado en el último par de años, con únicamente una actualización por año desde el 2014. Sin embargo, un importante lanzamiento (NetBeans 9) está programado para Julio de 2017 para coincidir con el lanzamiento de JDK9. NetBeans también tiene soporte completo para PHP desde la versión 8.2 así que si necesitas desarrollar contra la versión más reciente de PHP entonces NetBeans te tiene cubierto.

Detalles de NetBeans:

  • Sitio web: https://netbeans.org/
  • Comercial: No (Gratis)
  • Lanzamiento Inicial: 1996 (nombre original Xelfi)
  • Regularmente Actualizado: Si
  • Extensiones Soportadas: Si - Módulos
  • Escrito en: Java
  • Soporte Multiplataforma: Si

Otros IDEs y Editores para Desarrollo de WordPress

Como se mencionó en la introducción, hay muchos otros IDEs que puedes usar para trabajar en el desarrollo. No tienes que limitarte a los cubiertos en éste tutorial. Algunos de los otros que podrías considerar son:

Conclusión

En éste tutorial, hemos abordado cinco populalres editores/IDEs para desarrollo web, y específicamnete para desarrollo de WordPress. Realmente se concreta a tus necesidades particulares. Si quieres mantener una experiencia de editor 'ligero' entonces usar aplicaciones como Coda 2, Atom, o Sublime Text 3 podría ser una buena elección pues puedes configurarlos para que incluyan únicamente las características que necesitas.

No se niega que el conjunto de prestaciones de PhpStorm- es verdaderamente impresionante. Pero no todos necesitarían esa funcionalidad de inmediato. De hecho, los desarrolladores principiantes podrían mostrarse renuentes por la enorme gama de prestaciones esperando a ser usadas. NetBeans ha existido por más de 20 años y tiene el código base más maduro de los IDEs de nuestra revisión, lo cual también lo hace una elección sólida.

¿Cuál es tu IDE favorito para desarrollo de WordPress? ¿Y qué prestaciones son esenciales para tí en tu flujo de trabajo diario? Si utilizas uno de los IDEs que hemos revisado en éste artículo entonces ¿qué te gusta de él? Permítenos saberlo en los comentarios abajo.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.