Un IDE para el desarrollo de WordPress (independientemente de la experiencia)

En el artículo anterior, analicé el proceso de configuración de un entorno de desarrollo local mediante un administrador de paquetes. Específicamente, hablé sobre el uso de Homebrew para instalar Valet y Composer.

El primero ofrece el servidor web Nginx, un servidor de base de datos MySQL, mientras que Homebrew te permite instalar PHP. Composer le brinda la capacidad de lidiar con las dependencias de PHP. Si no ha leído la publicación, se la recomiendo encarecidamente, ya que esta publicación se basa en todo ese entorno.

Específicamente, voy a estar hablando de IDE. Es un tema candente, supongo, pero si no tiene una preferencia, lo guiaré a través del proceso de elegir uno que creo que es mejor (al menos para empezar), configurarlo y usarlo. en el contexto del entorno establecido la semana pasada.

Un IDE para el desarrollo de WordPress

Para muchos desarrolladores profesionales de WordPress, es probable que los escuche hablar sobre PhpStorm. Y con buena razón. He usado este IDE en particular durante más de un año y es realmente poderoso.

Tiene un excelente soporte para una serie de funciones avanzadas, es extensible y tiene muchas funciones integradas que lo convierten en un excelente entorno para trabajar; sin embargo, descubrí que, de todos los IDE que probé, también viene con la curva de aprendizaje más pronunciada. También es un IDE de pago que tal vez desanime a algunos. Pero eso está bien. Abordaremos eso a lo largo de esta publicación.

Esto no es necesariamente algo malo: a veces, las cosas que más vale la pena aprender son las más difíciles de usar. Pero existen alternativas y estoy tratando de asegurarme de que todos los que lean esto estén en la misma página.

Como dije en el post anterior:

Si voy a escribir extensamente sobre este material, ¿debo suponer que todos estamos usando el mismo entorno?

Dado que me estoy equivocando por el lado de sí, entonces creo que es apropiado seleccionar un IDE que creo que funcionará bien con cualquier persona, desde aquellos que recién están aprendiendo hasta aquellos que son un poco más avanzados. Ingrese el código de Visual Studio.

Una nota sobre este IDE

Si ha leído este blog durante algún tiempo (o recién está comenzando), encontrará que tengo un archivo de publicaciones en este IDE en particular. Algunas de las publicaciones que he escrito incluyen:

• Código de Visual Studio para el desarrollo de WordPress
• Configuración de PHP CodeSniffer en Visual Studio Code
• TODO, REVIEWS y FIXME ,
• y así.

De hecho, tengo todo un trabajo atrasado que puedes revisar. El problema: está un poco anticuado. Al usar PhpStorm, Visual Studio Code (o Code, para abreviar) ha realizado mejoras significativas desde la última vez que lo usé.

Dicho esto, parte de este material puede sonar redundante, pero finalmente nos pondrá a todos en la misma página.

código de estudio visual

Antes de comenzar, vale la pena hacer referencia a dos cosas:

• ¿Por qué código de Visual Studio?
• Primeros pasos con el código de Visual Studio

Este último es un tema un poco grande porque incluye una serie de cosas para instalar, configurar y configurar, por lo que cubriré eso a partir de esta publicación y las nuevas, pero al menos vale la pena hablar de por qué Visual Studio Code es un IDE sólido para el desarrollo de WordPress.

1 ¿Por qué código de Visual Studio?

Además de ser compatible con todos los principales sistemas operativos, una de las primeras cosas a tener en cuenta sobre Code es que guarda una copia de su configuración en su propio archivo para que siempre pueda volver a consultarlo, pero puede personalizarlo según su propia configuración. .

Además, todo se mantiene dentro de un archivo JSON que le permite personalizarlo para que se ajuste al entorno en el que está trabajando. Quizás sea PHP, quizás sea JavaScript, o quizás sea algo completamente diferente.

Además de eso, mantener la configuración portátil facilita el intercambio entre sus computadoras. Esto significa que puede colocar el archivo, por ejemplo, en una carpeta de Dropbox y hacer referencia a su configuración a través de todas sus máquinas.

Esto es útil, por supuesto, si solo tiene varias máquinas. Y si lo hace, es posible que desee sincronizar los entornos de desarrollo para que sea fácil moverse entre ellos.

2 Primeros pasos con el código de Visual Studio

Comenzar con el IDE es simple. Es realmente una cuestión de:

1. Navegando a la página de inicio del software,
2. Descargando la versión apropiada para su sistema operativo,
3. Luego instalarlo.

Pero simplemente instalarlo no es suficiente, ¿verdad?

Quiero decir, todavía tenemos que hablar sobre agregar espacios de trabajo para cada uno de nuestros proyectos, configurar ajustes e instalar extensiones que nos ayudarán a ser más productivos en el trabajo que hacemos.

A lo largo de las próximas publicaciones, haremos exactamente eso. Después de todo, si estas publicaciones se alargan demasiado, en realidad no harás nada durante el resto del día 🙂.

¿Qué pasa con las extensiones?

Recuerde, sin embargo, dado que estamos trabajando principalmente con WordPress y el software relacionado en esta serie y en el próximo artículo, entonces debemos asegurarnos de tener algunas cosas instaladas para manejar correctamente lo que vamos a hacer.

Esto incluye cosas como soporte para:

• WordPress _ Una de las cosas buenas de usar un IDE inteligente es que puede ofrecer finalización de código. La mayoría de los IDE suelen ofrecer el uso de un lenguaje como PHP. Este complemento agrega soporte para WordPress.
• Estándares de codificación PSR2. Aunque una vez fui fanático de los Estándares de codificación de WordPress, desde entonces me cambié a los Estándares de codificación de PSR (por una variedad de razones).
• Depuración. El uso de Xdebug es esencial si está buscando aprobar el uso de declaraciones echo y var_dump en su código. Además, ayuda a profundizar en el código fuente de WordPress cuando se analizan posibles problemas.
• Gestión de TODO. La mayoría de las veces, al escribir código, habrá lugares a los que tendrá que regresar y revisar, corregir o simplemente hacer antes de lanzar algo para la puesta en escena o la producción. El uso de una herramienta como esta lo ayudará a encontrarlos fácilmente antes de enviar el código al control de código fuente o implementarlo.
• Y más.

Obviamente, los elementos vinculados anteriormente lo llevan a la página de inicio de cada uno de los complementos, pero es posible, y probablemente mejor, instalarlos desde el editor para que pueda administrarlos más fácilmente.

Recuerde, el propósito de la publicación anterior era tener una forma de administrar fácilmente todo el software que estamos instalando. Y la instalación de las extensiones a través del IDE brinda exactamente la misma experiencia para el IDE.

Finalmente, estas son las extensiones que he encontrado útiles cuando se trabaja con WordPress.

Hasta la próxima

Aunque proporcioné información resumida de muchas de las cosas anteriores, no se profundiza en algunas de ellas o qué esperar al usarlas.

Además, no habla de las tabulaciones versus espacios habituales, las fuentes que creo que vale la pena usar, Sass linting, JavaScript style and linting, etc.

Hasta entonces, trabaje para instalar Visual Studio Code y configurarlo con las extensiones vinculadas anteriormente. Es fácil hacerlo desde el IDE. Y si tienes alguna pregunta, no dudes en dejarla en los comentarios.