Editores para Programar en WordPress

¿Quieres tener más tráfico en tu web? ¡Yo también! Es por eso que hemos creado Nelio Content, un nuevo plugin que automatiza la promoción de contenidos en redes sociales. ¿Quieres saber más?

Todo profesional necesita de herramientas para trabajar y, como puedes imaginar, los programadores y desarrolladores especializados en WordPress no podíamos ser menos. Una de las herramientas indispensables para realizar nuestra profesión es el editor de código: aquél programa que nos ayuda a escribir líneas y líneas de código para conseguir ese plugin o tema perfecto.

Elegir el editor adecuado para programar es crucial. A fin de cuentas, vas a pasar un montón de horas con él, ¿no? El problema está en que hay un abanico de opciones enorme, y si estás empezando es posible que no sepas por cuál decantarte porque ni siquiera sepas qué funcionalidades debería ofrecerte para serte realmente útil. Pues bien, en la entrada de hoy espero despejar algunas de tus dudas para que puedas tomar una decisión informada.

IDEs y Editores de Texto/Código

Lo primero de lo que tenemos que hablar es la diferencia entre editores de texto (vitaminados o no) y entornos de desarrollo integrados (o IDEs, por sus siglas en inglés). En Genbeta, Sergio Agudo tiene un artículo interesantísimo donde habla largo y tendido sobre las diferencias de unos y otros; no te lo pierdas 🤓

En la categoría editores tenemos programas como Atom o Sublime Text, bastante de moda últimamente y sobre los cuales hablaremos hoy. También tenemos programas clásicos (aptos sólo para los más geek) como Vim o Emacs. Tienen un estilo parecido al bloc de notas clásico de Windows que seguro que has visto, pero con muchísimo más potencial gracias a sus sistemas de plugins.

Captura de pantalla de Atom
Captura de pantalla de Atom, un editor de código escrito en Node.js, Coffeescript y Webkit.

Al tratarse de editores de texto, no están pensados para ningún lenguaje en concreto. En lugar de eso, se adaptan a las necesidades del programador. Con las extensiones correctas, puedes configurarlos para trabajar con PHP, CSS, HTML y JavaScript; es decir, para que se conviertan en el editor perfecto para WordPress.

En el otro lado de la balanza tenemos los IDEs como, por ejemplo, Eclipse o PHPStorm. Como indica Sergio en su artículo:

Los IDEs suelen ser la primera experiencia con editores dedicados de la mayoría de programadores noveles. Se recomiendan siempre en todos los cursos de desarrollo de aplicaciones o de páginas web, y casi siempre por el mismo motivo: son muy poderosos y concentran todo lo necesario para ejecutar un programa que el usuario escriba en su interfaz. (…) [Aunque] su potencia puede abrumar al usuario.

Los IDEs aúnan todas las herramientas que necesitas para completar el desarrollo de un producto. Así, tienes resaltado de sintaxis, autocompletado, detección de errores, depuración del código en ejecución (debugging), compilado y empaquetado… En definitiva, son la navaja suiza dentro del mundillo de la programación.

Así pues, ¿qué tipo de programa deberías usar? ¿A qué funcionalidades no deberías renunciar? La mejor forma de responder estas preguntas es viendo con detalle algunas de las opciones que tenemos a día de hoy.

Nuestros 5 IDEs y Editores Favoritos

Escoger el programa adecuado para escribir código no es sencillo, más que nada porque se trata de una decisión personal y que, por lo tanto, depende de la forma de trabajar de cada uno. No obstante, si no sabes por donde empezar, en Internet encontrarás un montón de entradas donde comparan las diferentes opciones. Por ejemplo, en Hipertextual Gabriela González comparte una entrada con 10 editores de texto para desarrolladores.

Pero, como te decía, hoy no quiero limitarme a mostrarte una simple lista genérica de programas y funcionalidades; quiero listar los mejores editores para trabajar en WordPress y justificar el porqué. Así pues, ¿empezamos?

5. Eclipse

Eclipse es un entorno de desarrollo integrado basado en Java y, por lo tanto, ideal para este lenguaje de programación. Para que te hagas una idea de su importancia, durante bastantes años (hasta hace poco más de un año) fue el principal entorno de desarrollo de Android, el sistema operativo móvil de Google.

Eclipse con la extensión PHP Development Tools instalada.
Captura de pantalla del IDE Eclipse con la extensión PHP Development Tools instalada.

Dada su naturaleza open source y la gran comunidad de usuarios que hay detrás, el número de extensiones y soporte que puedes encontrar es enorme. Es por ello que es uno de los mejores IDEs con los que empezar a programar, especialmente si vas a centrarte en desarrollar en Java…

…¿Java? ¿Pero no se supone que íbamos a hablar de desarrollo en WordPress? ¡Efectivamente, tienes toda la razón! Si lo que quieres es programar en PHP, Eclipse también te puede ayudar: basta con que instales una extensión llamada PHP Development Tools. Una vez configurada pasarás a tener las siguientes funcionalidades:

  • Resaltado y validación de sintaxis.
  • Asistente de contenido.
  • Formateador de código.
  • Resumen de propiedades y métodos.
  • Plantillas.
  • Herramientas de debugging de PHP.

El motivo por el que he decidido empezar la lista con Eclipse es porque me consta que muchísima gente ha hecho sus primeros pinitos con él. Si estás entre ellos, es posible que ya estés más o menos familiarizado con su entorno y, por lo tanto, merezca la pena continuar con un programa que ya conoces y con el que te sientes cómodo mientras aprendes todo lo necesario para desarrollar en WordPress.

Por otro lado, considero que Eclipse es una opción excelente si no desarrollas únicamente para WordPress. Muchos desarrolladores trabajan con diferentes tecnologías (por ejemplo, implementando productos para WordPress y Android), con lo que usar la misma herramienta para todas ellas les permite ser más productivos al no tener que dominar más de un programa; aprenden a usar Eclipse en profundidad y le sacan el máximo provecho en todo momento.

4. Sublime Text

Sublime Text es uno de los editores más completos que podemos encontrar hoy en día, además de estar muy de moda. A diferencia de Eclipse, se trata de un programa mucho más liviano y ágil, sin mil y una funcionalidades que quizás no necesites nunca.

Captura de pantalla de Sublime Text.
Captura de pantalla de Sublime Text.

De la misma forma que pasa con Atom y Vim (de los que hablaremos en seguida), Sublime Text es un sencillo editor de texto que no ofrece demasiado de entrada: resaltado de sintaxis y poco más. La potencia y magia del programa radica en, como puedes imaginar, la enorme cantidad de extensiones que hay detrás. Con ellas podemos hacer auténticas virguerías. Por ejemplo, si lo que quieres es desarrollar en WordPress, en WPMayor tienen una lista con los paquetes que deberías instalar. Con ellos tendrás funcionalidades avanzadas como acceso directo al Codex para consultar la documentación, debugging de código o validación del código según las guías de estilo de WordPress.

Sublime Text está disponible para Linux, Windows y Mac. De todas formas, ten en cuenta que se trata de una aplicación de pago (70$) y que, si no me equivoco, no es libre. Dispone de una versión de prueba sin límite de tiempo, pero en teoría deberías comprarlo para usarlo de forma continuada:

Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use.

Licenses are per-user, rather than per-machine, so you can enjoy Sublime Text on as many computers and operating systems as you wish with your license.

Si andas justito de pasta o te apetece probar alternativas de calidad gratuitas, es posible que el siguiente programa sea mejor para ti: Atom!

3. Atom

Atom se define a si mismo como el “editor hackeable”:

Atom es un editor de texto moderno, accesible y “hackeable”. Es una herramienta que puedes personalizar para que haga cualquier cosa o usar de forma productiva sin tocar ni un fichero de configuración.

El resumen más rápido que puedo hacerte de Atom es el siguiente: en esencia ofrece lo mismo que Sublime, pero incluye dos ingredientes que lo hacen especial:

  1. es software libre (y gratis) y
  2. su arquitectura interna es una pasada para los desarrolladores web.

Atom es un programa escrito en Node.js/Coffeescript, sus extensiones son en Coffeescript y se ejecuta encima del motor webkit. El uso de estas tecnologías hace del programa una de las herramientas favoritas para los desarrolladores web, quienes se sienten totalmente cómodos a la hora de tunearlo y adaptarlo a sus necesidades. Ahora bien, el hecho de estar escrito en Node.js hace que su rendimiento sea ligeramente inferior al que podemos encontrar en editores escritos en C como Sublime o Vim… pero, vaya, nada de lo que preocuparse.

Captura de pantalla de Atom
Captura de pantalla de Atom, un editor de código escrito en Node.js, Coffeescript y Webkit.

Mi compañero Antonio está preparando una entrada sobre Atom donde te explicará cómo lo ha configurado él para adaptarlo a sus necesidades y qué extensiones te recomienda instalar. ¡No te la pierdas!

2. Vim

Un clásico entre clásicos y, sobretodo, uno de los programas mas geeks que puedes encontrar. Vim cumplió recientemente 25 años, con lo que espero que no te sorprenda su estilo retro (por decirlo de una manera bonita). Al igual que Sublime o Atom, Vim dispone de una comunidad de programadores muy fuerte detrás y con un montón de extensiones con los que adaptarlo a tus necesidades, así que si te va la marcha, es una de las opciones que deberías probar sin ninguna duda.

Captura de pantalla de Vim
Captura de pantalla de Vim, el editor con más recorrido que hemos visto hoy. ¡Un clásico muy, muy potente!

Lo más sorprendente de este programa para los recién llegados es la forma en que funciona. Cuando abres un editor cualquiera, lo normal es que puedas empezar a escribir y las letras vayan apareciendo en pantalla. Esto con Vim no es así. Vim tiene “modos” de trabajo, siendo los más habituales los modos normal, comando, e inserción de texto.

Cuando abres Vim, éste está por defecto en modo normal. Pero que no te engañe la palabra; eso no quiere decir que se comporte como un editor normal, sino que cada pulsación de tecla en este modo se interpreta como una orden (w para avanzar el cursor a la siguiente palabra, y para copiar, p para pegar, etc).

Lo más sencillo es pulsar la letra i y Vim se pondrá en modo inserción, con lo que ahora puedes escribir con toda normalidad como harías con cualquier otro editor. Una vez hayas acabado, pulsas Esc (para volver al modo normal) y acabas con ZZ (la letra Z mayúscula un par de veces) para guardar los cambios y salir.

¿Por qué algo tan raro? ¿Por qué no podemos estar todo el rato en modo inserción y hay que ir saltando entre normal e inserción? Porque la potencia de Vim radica precisamente en el modo normal, donde con unas pocas pulsaciones podemos hacer auténticas maravillas.

En la entrada de hoy no pretendo hacer una introducción a este editor (el cual, por cierto, es el que uso yo en mi día a día), pero sí que me gustaría compartir algunos enlaces con los que puedes aprender a usarlo si te pica la curiosidad:

  • Vim Adventures es una aventura gráfica muy divertida con la que irás aprendiendo todas las funciones del editor.
  • Open Vim es un tutorial interactivo de Vim.
  • Tutorial para aprender Vim como primera toma de contacto, con un montón de información.
Vim Adventures
Vim Adventures es un divertido juego para nuestro navegador con el que iremos aprendiendo a usar Vim de forma amena y entretenida.

¿Necesitas algún motivo más para aprender Vim? La mayoría de servidores UNIX/Linux lo tienen instalado, con lo que si alguna vez tienes que conectarte a un servidor vía SSH para arreglar algo, el bueno de Vim estará esperándote para echarte una mano en tus ediciones.

1. PHPStorm by JetBrains

El último programa del que te quería hablar es PHPStorm, un IDE diseñado específicamente para trabajar en PHP y con una exquisita integración con WordPress. Lo estuve usando durante un tiempo y la verdad es que me pareció cómodo y amigable, especialmente para los recién iniciados. En el siguiente vídeo (en inglés) tienes una buena introducción a la herramienta y a su configuración con WordPress:

Tal y como puedes leer en la propia documentación de la aplicación, PHPStorm incluye un soporte completo al desarrollo WordPress, con autocompletado de funciones y hooks, acceso rápido al código fuente de WordPress, control de estilos, integración de la documentación oficial en el propio editor, etc. En definitiva, todas las funcionalidades avanzadas que hemos estado viendo en los anteriores ejemplos, pero con la ventaja de que es un poco más sencillo de configurar y, por lo tanto, de empezar a usar.

Captura de PHPStorm
Captura de PHPStorm, un editor creado por la empresa JetBrains. Ideal para el desarrollo en PHP y WordPress, sobretodo si eres un principiante.

Conclusiones

Todas las herramientas que he presentado hoy ofrecen un conjunto de funcionalidades parecidas, integrándose perfectamente (algunas de forma más sencilla que otras) con WordPress. Lo mínimo que, en mi opinión, deberías pedir a tus editor es:

  • Resaltado de sintaxis.
  • Control de errores.
  • Validación de las guías de programación de WordPress.
  • Autocompletado (sobretodo de las funciones y hooks de WordPress).

y luego ya todas las pijadas que quieras (algunas de las cuales, como ya te he avanzado antes, te explicará Toni pronto).

No existe la herramienta perfecta; la elección de una u otra depende muchísimo de tus gustos y estilo. A mí, por ejemplo, me encanta la filosofía de Vim, sus diferentes modos, su velocidad y ligereza y la cantidad de extensiones que tiene. Otro quizás prefiera una herramienta con un entorno prácticamente listo para WordPress desde la instalación como puede ser PHPStorm.

Y tú, ¿ya has decidido cuál usar? ¿Eres fan de Emacs y no sabes cómo decírnoslo? ¡Comparte tu opinión con nosotros y ayuda a nuestros lectores a decidirse!

Imagen destacada de Luis Llerena.

por

Lidera el análisis y diseño de nuestros servicios, así como el servicio de soporte a los usuarios. Es Doctor en Computación por la UPC y siempre ha estado interesado en una gran variedad de áreas, incluyendo el modelado conceptual, la realidad virtual y la impresión digital en 3D. Contribuye muy activamente en la comunidad WordPress, habiendo participado en meetups, seminarios y en la WCEU.

5 comentarios en “Editores para Programar en WordPress

  1. Otro más que usa de cuando en cuando VSCode. Aunque tengo reconozco que también me gusta “Sublime Text ” por si rapidez de ejecución y su “clon” Atom, por su facilidad de configuración, algo que comparte con VSCode.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *