Desarrollo de WordPress en tu Mac

Reconocer; Tengo una amapola. Es un MacBook Air de 2013, con muchas batallas posteriores, incluido el procesamiento de muchas migraciones web (perdimos el registro) y el desarrollo de nuestras pruebas A/B Nelio y contenido de Nelio. Los pobres continúan luchando cuatro años después, aunque comienza a sentirse un poco cansado. Mi primer Mac fue un Macbook negro en 2007 antes de que las tiendas de Apple llegaran a España. Después de unos años como desarrollador de Mac (los últimos que trabajan para la web y WordPress), tengo algo de experiencia con la plataforma y me siento cómodo con ella. Hoy en día está generalizado ver a los desarrolladores con Mac en todas partes. Sin embargo, creo que podría ser útil explicar qué herramientas uso en mi vida diaria y qué utilidades puede encontrar para mejorar sus habilidades de desarrollador de WordPress.
Editores de código de WordPress El editor de código es el grano sagrado de las utilidades necesarias para el desarrollo de WordPress. Hay muchos y muy buenos y, sin duda, la elección de uno u otra depende de los gustos del desarrollador. Así que dejo tu lista aquí y tú eres quien decide:
VIM: El editor elegido para todos los hackers. No tendrá que instalar Mac porque ya está allí. Simplemente abra una terminal y tipo VI. Si nunca lo ha usado antes, comience con un tutorial como el que enlaza aquí. Tenga en cuenta que la curva de aprendizaje será divertida (por su cuenta, porque la aprenderá jugando una aventura gráfica). Si eres un maestro VIM, tu productividad puede crecer mucho como desarrollador. Te digo por mi experiencia, porque mi compañero David lo usa todos los días y es capaz de hacer magia. Aunque, si intenta aparearse con él, puede obtener fácilmente un golpe. Alguna vez fue una competencia de sublimetexto, pero parece haber sido relegado a una posición más testimonial.
SUBLIMETEXT: si está buscando un editor básico y muy configurable, que es más fácil de usar que VIM, sublimetext puede ser el editor que necesita. Es muy popular entre los desarrolladores de WordPress porque tiene miles de extensiones para hacer su precioso cuchillo suizo. Me confundí con él por un tiempo, pero tuve problemas con las actualizaciones y casi siempre me rompió. Sin embargo, una opción muy recomendable.
Ferentize: Estamos frente a un editor más amigable que el anterior y con una filosofía muy similar, aunque un poco menos popular. Para ser honesto, no lo conocía hasta que me documenté para escribir esta publicación, pero lo que vi fue bastante agradable. También tiene la mayoría de las extensiones típicas que necesita, por lo que parece valer la pena.
Atom: Mi editor actual. La buena parte es que viene con varias extensiones previas a la información que ya será útil para usted, pero puede instalar tanto como desee, porque se convierte en uno de los editores más populares en la actualidad. Sí, a veces puede ser un poco lento, pero las actualizaciones son mejores y mejores en términos de rendimiento. Actualmente, él es el competidor más directo de Atom, porque su público objetivo es similar. Si probaste Atom y no te gustó, lo recomiendo, porque no tiene nada que envidiar y la cantidad de extensiones disponibles es similar.
PhpStorm: si necesita un entorno de desarrollo integrado (IDE), como Eclipse, sin duda la opción que más le gustará es PhpStorm. Tiene el desarrollo de WordPress que apoya las funcionalidades y otros marcos de PHP. Es muy fuerte, pero según mi gusto, es un poco difícil y con una interfaz de usuario anticuada. Es por eso que dejé de usarlo hace mucho tiempo, aunque creo que es una opción interesante para muchos perfiles de desarrolladores.
Capture con Atom, un editor de código escrito en Node.js, Coffeescript y WebKit. Vim, sublimetext, phpstorm, átomo, … elija el que más le guste y listo. Como señalé, uso Atom en este momento. Estoy bastante satisfecho con este editor y sus complementos, quienes simplifican mi trabajo como desarrollador de WordPress. Sin embargo, espero probar Visual Studio Code, quien, incluso si es de Microsoft, se ve genial.
Herramientas de control de versiones Una vez que desarrolla el código, lo que necesita es no perderlo. Para esto, tiene herramientas de control de versiones como Git y Subversion. Y si trabaja en el equipo, será aún más necesario coordinar el trabajo de todos, combinar el código y evitar que algunos de ellos aplasten sus cambios. Ambas herramientas se utilizan desde la línea de control, pero si usted es alérgico al terminal, aquí hay algunas alternativas de la interfaz gráfica para su Mac. Usamos el terminal directamente, pero estoy seguro de que encontrará uno de ellos útil: SourCetree: Git Client para Mac y Windows de Bitbucket Creators. Si usa el terminal duro, desde aquí puede trabajar con el cuello sin problemas. Lo he usado por algún tiempo, pero uso el terminal más rápido, así que me fui.

Escritorio de GitHub: Cliente para iniciar sesión en su cuenta GitHub. Si aloja los depósitos de código allí, puede ayudarlo a controlar todo desde esta aplicación de escritorio.
Torre: Cliente Git para Mac y Windows con una interfaz bastante linda. También se integra con Bitbucket y Github, entre otros.
SmartSVN: Multiplataforma de subversión de clientes, que también incluye la comparación de archivos para ver las diferencias de código.
Versiones: Cliente de subversión exclusivo para Mac que facilita trabajar con almacenes SVN.
Cornerstone: Cliente de subversión exclusivamente para Mac. Ciertamente, el que tiene las funciones más avanzadas, manteniendo una interfaz de usuario agradable y fácil de usar.
Captura de pantalla de SourCetree para Mac. Hoy Git está mucho más extendido que la subversión, aunque en WordPress no es así. Para cargar el código de complemento en WordPress, deberá usar la subversión. Utilizamos depósitos privados alojados y gratuitos en Bitbucket para cualquier otra cosa. Recuerde que tiene GitHub como alternativa. WordPress Servere para trabajar en Localhost para desarrollar para WordPress, necesitará un servidor local de WordPress. Sin esto, no podrá probar el código de temas, complementos o lo que desarrolla, que no recomiendo en ningún formulario. Hoy en día, es mucho más fácil configurar un entorno de desarrollo con las instalaciones de pruebas de WordPress. Hay varias alternativas que detallaré aquí:
Variables vagabundos vagabundos (VVV): opción “oficial” para desarrolladores de WordPress. Deberá tener un VirtualBox instalado por adelantado. A partir de ahí, VVV está instalado desde la línea de comandos, por lo que tendrá que tener algo de experiencia técnica. Si funciona para usted, es el mejor entorno para usar, pero a veces fallan sin saber por qué. Y la remediación no siempre es fácil. Además, tanto la administración de las nuevas instalaciones como la elección de configuraciones específicas se vuelven un poco engorrosas si no tiene un cierto control con el terminal.
Local: hace lo mismo que VVV, pero es mucho más fácil de instalar y administrar. Verá una sola interfaz con sus instalaciones de WordPress y no tendrá que preocuparse por los automóviles o configuraciones virtuales o cualquier otra cosa. Está desarrollado por la compañía de hosting Flywheel, pero es gratis y nunca falló. Fui a las instalaciones cansadas para recibir errores de VVV cada pocos días y estoy encantado. Las últimas versiones también incluyen la oportunidad de optar por Ninx en lugar de Apache. Si no tiene muchas ideas sobre la administración del servidor, esta opción puede ser interesante porque todo está controlado desde un solo panel. Sin embargo, tendrá que instalar WordPress en el servidor directo siguiendo las instrucciones de Codex.

Captura de pantalla del local. Actualmente estoy combinando VVV con Local para mis instalaciones locales de WordPress. Para ser honesto, el local es el que más uso, dada la facilidad y la velocidad.
Las herramientas de diseño en Nelio no son especialistas en diseño, pero está claro que creemos que es un aspecto muy importante y es por eso que hacemos todo lo posible para cubrir nuestras necesidades. Aquí está la lista de herramientas que conocemos:

Pantalla: un instrumento para grabar la pantalla de su computadora y editar videos. Estamos encantados por él, porque nos ayudó a crear el video promocional para el contenido de Neli.
Inkscape: una herramienta de dibujo vectorial multiplataforma que también funciona para Mac, aunque debo decir que no está muy bien adaptada a Mac X. Todavía la uso porque David me enseñó cómo administrarlo durante la universidad, cuando he usado Ubuntu y a mí nos gusta. Cuando realmente traigan a Mac nativo, será un lujo, pero ahora funciona. Lo usamos mucho en Nelio para trabajar con fotos, pancartas, etc.
Boceto: herramienta de dibujo vectorial avanzado. Nunca lo he usado porque en NLIO no lo necesitamos en este momento, pero lo tengo en mi lista de opciones para probar en el futuro. Lo veo como un sustituto de Inkscape si finalmente abandonó el puerto de una versión Mac nativa.

Captura de pantalla que muestra la interfaz de flujo de pantalla con fragmentos de video editados. Lo sé, no agregué ninguna herramienta de Adobe (ver Photoshop, Lightroom, Premiere …), pero la verdad es que no usamos ninguna de ellas y no necesitamos usarlas con las alternativas que tengo. explicado antes. Si en algún momento nos especializaremos más en el diseño, la lista probablemente crecerá.
Otras utilidades para desarrolladores web, además de todo lo anterior, no quiero terminar el artículo sin olvidar enumerar una serie de herramientas que consideramos muy útiles cuando es un desarrollador web de WordPress. Aquí están ellos:
Poesía: la internacionalización es muy importante. Si necesita traducir su tarea y arados, esta es la herramienta perfecta para hacerlo. Además, la versión Pro tiene soporte para temas y complementos de WordPress. Poștaș: a menudo tiene que realizar solicitudes HTTP para verificar si ambas llamadas y respuestas son correctas. Puede usar WGet o Curl desde el terminal, pero con Postman puede simplificar el proceso debido a su interfaz.
Transmitir: para cargar archivos en un servidor remoto o para descargarlos, tiene la opción de usar FTP o SFTP (o incluso LFTP, de qué día hablaré) desde el terminal. Sin embargo, me gusta usar la transmisión para guardar mis contraseñas de conexión y trabajar de manera más cómoda. Otra variante es Filezilla, aunque la interfaz transmite parece más moderna.
Nod/NPM: en Nelio usamos este Administrador de paquetes JavaScript para administrar las dependencias en el contenido de Code Cloud Nelio. Hace que sea mucho más fácil ser más eficiente controlando sus nuevos paquetes y versiones.
Gulp/Primer: la automatización de tareas durante el desarrollo (minimizar los archivos, unirse a ellos, etc.) es algo que le ahorra tiempo y simplifica su vida. En Nelio usamos Gulp y Primer para automatizar ciertas tareas relacionadas con el desarrollo de nuestros complementos.

Captura de pantalla de Postman Si venimos con más utilidades, las agregaremos aquí.
Conclusiones personales Hoy puede tener un entorno de desarrollo perfecto para WordPress (o web en general) en cualquier plataforma, ya sea Mac, Linux o Windows. Muchos programas están disponibles para más de una plataforma, por lo que lo más importante aquí es que elige los que se siente más cómodo. Con herramientas mínimas, es decir, un editor y servidor local de WordPress, tiene más que suficiente para comenzar. Sin embargo, a medida que se vuelva más profesional, ampliará el conjunto de herramientas de opción múltiple. Nuestro arsenal aumentó a medida que desarrollamos por primera vez las pruebas Nelio A/B y luego el contenido de Nelio. Si usa herramientas que no aparecen en esta lista, déjenos un comentario y actualizaremos el artículo. Estoy seguro de que hay muchas otras utilidades para ayudarlo con el desarrollo de WordPress, que vale la pena conocer. Así es como todos aprendemos. Imagen presentada por Mikaela Shannon a través de Unsplash.