✅ Noticias, temas, complementos de WEB y WordPress. Aquí compartimos consejos y las mejores soluciones para sitios web.

Configuración de un MacBook Pro 2017 para el desarrollo de WordPress

36

El jueves pasado fue duro. Si tuviera que explicar todo lo que pasó con mi computadora y mi vida personal, pensarías que me lo estoy inventando todo.

Sería como el equivalente adulto de "mi perro se comió [el último mes de] mi tarea". O algo así.

Primero, en lo que se refiere a mi vida personal, esto no tiene nada que ver con el bienestar de mi familia. Solo una debacle local de esperar dos horas durante la jornada laboral para que se maneje algo. Irrelevante aparte de, ya sabes, tomar una buena parte de un día de trabajo.

En segundo lugar, las cosas de la computadora se pueden resumir fácilmente: hubo una serie completamente patética de eventos desafortunados que llevaron a su desaparición. Esencialmente, » maté el auto. «

Así que tuve que pedir un reemplazo en el corto plazo (que no es algo que quería hacer), tuve que entregarlo al día siguiente antes del mediodía (que no es algo por lo que me gusta pagar) ni es algo que había planeado como un gasto comercial durante al menos otro año o dos.

Pero aquí estamos.

Y esto me lleva a escribir este post: Es una guía del proceso que sigo y de las aplicaciones que instalo cada vez que instalo una nueva máquina y cómo la configuro.

No va a ser increíblemente detallado, pero es un punto de partida por si esto vuelve a suceder o para cualquier desarrollador que busque configurar una nueva máquina o reutilizar una máquina existente.

MacBook Pro para el desarrollo de WordPress

He pensado en cómo agrupar todas las aplicaciones, cómo agrupar mi configuración y cómo agrupar la configuración miscelánea de una manera que parece fluir bien.

Y creo que es más fácil enumerar todo lo que uso, vincular las cosas donde puedo y luego proporcionar los detalles sobre los diversos pasos que uso. Así que eso es lo que he hecho y lo que puedes esperar.

Aquí vamos.

mis aplicaciónes

Después de ejecutar todas las actualizaciones necesarias y reiniciar la máquina, empiezo a revisar, instalar y configurar todas mis herramientas.

La siguiente lista es una lista completa de todo lo que instalo. Algunas de ellas son aplicaciones gratuitas, otras no. He tratado de dar una breve descripción de lo que hace cada uno, pero su kilometraje puede variar si decide instalar alguno o todos ellos.

  • átomo _ Aunque solía usar esto como un IDE general, ahora lo uso como editor de texto, editor de rebajas, etc.
  • camarero 3. Esta es mi aplicación favorita para limpiar la barra de menú de mi Mac. Ayuda a mantener las distracciones al mínimo mientras me aseguro de tener acceso a todas las aplicaciones que necesito rápidamente.
  • Mejor Renombrar 9. Soy compulsivo sobre cómo organizo y hago copias de seguridad de mis fotos y videos, así que uso esta aplicación para usar los datos EXIF ​​de los medios para organizarlos según la marca de tiempo.
  • CardHop. Esta es una aplicación más nueva en mi arsenal (al menos en el momento de esta publicación) y simplemente la uso porque me frustro fácilmente con la aplicación Contactos de Apple y porque creo que Flexibits escribe un buen software.
  • Limpiar mi Mac. MacPaw es otra empresa que produce buen software. Ejecuto esto al final de cada semana para asegurarme de que me estoy deshaciendo de una gran cantidad de basura (generalmente varios archivos de caché de varias aplicaciones) que se ha acumulado durante la semana. Además, ayuda en el proceso de desinstalación si ha instalado algo y desea eliminarlo por completo.
  • Kit de código. He escrito sobre esta aplicación en varias publicaciones. Lo sigo recomendando, pero depende del proyecto. También uso herramientas como Gulp y varios paquetes (que trataré más adelante en esta publicación).
  • Dropbox _ Esto es para la sincronización general de archivos entre aplicaciones (como Transmit) y para compartir archivos con diseñadores, familiares y amigos.
  • Droplr. Esta se ha convertido en mi aplicación de facto para compartir imágenes, capturas de pantalla y otros medios con compañeros. Es rápido, proporciona estadísticas útiles, es mínimo y vale la pena la suscripción anual.
  • Evernote. Tomo muchas notas usando mi iPad y Notability y ninguna otra aplicación tiene la búsqueda de reconocimiento de escritura a mano que Evernote.
  • ExifPurga. Esto es útil cuando desea compartir medios con otras personas, pero no quiero que tengan la capacidad de extraer datos sobre dónde o cuándo se filmaron los medios.
  • fantástico _ Es la mejor aplicación de calendario que he usado. He tratado de romper con eso antes, pero sigo regresando. Es otro producto más de Flexibits.
  • Géminis. Lo uso junto con Better Rename 9 (que cubrí anteriormente). En resumen, elimina cualquier duplicado). Aunque no suelo tener muchos, es bueno asegurarse de eliminar los que tengo antes de guardarlos en un almacenamiento externo.
  • freno de mano Aunque soy fanático de Super265 (al que me refiero más adelante en este artículo), a veces me preocupa menos el tamaño del archivo que la codificación en un códec diferente. Y cuando ese es el caso, Handbrake es lo que uso.
  • Cerveza casera. No siempre he usado esto, pero una vez que comencé, se hizo más difícil no usarlo, especialmente cuando se relaciona con herramientas de desarrollo (que trataré a continuación). Es un administrador de paquetes, pero lo encuentro extremadamente útil cuando trabajo con herramientas relacionadas con el desarrollo.
  • ImageOptim. Elimina metadatos, ahorra espacio, comprime imágenes y lo hace sin pérdidas. Excelente para cualquiera que use imágenes en sus publicaciones de blog, documentos o simplemente comparta muchas imágenes con otras personas que no tienen mucho ancho de banda.
  • Caleidoscopio. Todo desarrollador que trabaje con un equipo o que trabaje en software de código abierto necesita una buena herramienta de diferenciación. Algunos prefieren la línea de comandos, otros prefieren una GUI. Estoy en el último campo y esta siempre ha sido mi aplicación favorita.
  • Destripador de DVD Mac. Si tiene DVD que desea respaldar o tiene hijos y desea cargar un iPad con videos, esta aplicación lo hace lo más fácil posible: seleccione qué parte del DVD desea copiar y luego déjelo. hacer lo suyo.
  • Mac Video Ripper Pro. Esta es la forma más fácil de descargar videos de la web desde fuentes como YouTube. Es genial para cuando quieres ver charlas, presentaciones o videos sin conexión.
  • PhpStorm. Mi IDE preferido y favorito para el desarrollo (a pesar de su nombre, también es sólido para todos los lenguajes que funcionan junto con él, como HTML, JavaScript, CSS o sus preprocesadores, etc.).
  • cartero _ Si trabaja con cualquier API, especialmente las API REST, Postman es sólido para ayudarlo a probar su API o la de otra persona antes de intentar integrar las llamadas dentro de su aplicación.
  • Flujo de pantalla. Esta es la mejor aplicación para cuando tengas que hacer screencasts serios de alto nivel.
  • Secuela Pro. Este es mi front-end de base de datos preferido.
  • flojo _ En este punto, no creo que esta aplicación necesite ningún tipo de descripción. Es la forma en que mi equipo y yo nos mantenemos en contacto, integramos nuestros servicios y, en general, realizamos el trabajo.
  • esquivar _ Esto es bueno para anotar imágenes rápidamente, aunque Droplr tampoco es malo en esto. Depende de lo que necesites, realmente, pero aún así lo recomiendo para ciertos casos de uso.
  • Spotify. Aunque también tenemos una membresía de Apple Music, esta es mi aplicación preferida para los servicios de transmisión. Sus funciones de descubrimiento y su capacidad para generar listas de reproducción sobre mis hábitos de escucha son lo que hace que sea difícil dejarlo. Así que no lo hago.
  • Notificaciones de Spotify. Una aplicación sólida para dar notificaciones sobre qué canción se está reproduciendo junto con la carátula del álbum, etc. Es una característica que falta en Spotify y hace un buen trabajo al completar el círculo de las cosas que ofrece iTunes.
  • Súper265. Aunque también soy fanático de Handbrake, descubrí que esta aplicación en particular, y es más nueva, sin duda, hace un trabajo estelar al tomar un video y comprimirlo (a veces hasta el 50%) con calidad sin pérdidas.
  • cosas _ Sin duda, mi aplicación favorita para "hacer las cosas" y su integración con Recordatorios de Apple y Siri junto con la sincronización de iOS lo hacen aún mejor.
  • torre _ En el último año más o menos, me he sentido cada vez más cómodo con Git en la línea de comandos, pero todavía hay proyectos en los que estoy trabajando en los que he usado Tower desde la confirmación inicial. Es mi GUI de Git preferida.
  • transmitir _ Mi cliente S/FTP preferido.
  • TweetBot. Mi cliente de Twitter preferido (y su integración con Pocket y Droplr también lo hacen aún mejor) tanto en macOS como en iOS.
  • uTorrent. Si tienes que descargar algo a través de torrents, este es el cliente que recomiendo.
  • Versiones _ Si necesita una interfaz gráfica de usuario de Subversion sólida (por ejemplo, si se mantiene al día con la vanguardia de WordPress), me gusta mucho esto. Cornerstone es una buena alternativa, pero no lo uso tanto como antes y no uso mucho Subversion, por lo que la simplicidad de las versiones es lo que me ha convencido.
  • VLC. De vez en cuando hay ciertos archivos de video en el formato de, digamos, mkv que no quiero molestarme en convertir. Este es un fantástico reproductor de video de código abierto (también para una variedad de formatos).
  • Windscribe. Esta es mi herramienta favorita de macOS e iOS para usar una VPN al navegar por la web. Su precio es justo y las aplicaciones (y la extensión del navegador) son sólidas.
  • código x La plataforma de desarrollo patentada de Apple que también se necesita para ejecutar una serie de cosas que verá más adelante en esta publicación.

Trato de mantener las cosas limpias, pero hay razones por las que uso las aplicaciones que uso. Y a pesar de mis intentos de ser lo más seguro posible, hay algunas aplicaciones que utilizo por motivos distintos a "simplemente almacenar cosas".

Entonces, ya sabes, el descargo de responsabilidad habitual sobre tener cuidado con lo que almacena y lo que usa para almacenarlo. Sea inteligente acerca de cómo está guardando información confidencial.

Herramientas específicas de desarrollo

La siguiente lista de herramientas no es necesariamente exhaustiva. Es decir, algunos proyectos requieren ciertos paquetes que simplemente no tiene sentido enumerarlos aquí.

En cambio, este es el conjunto general de herramientas que uso para mi entorno de desarrollo. Cubre todo, desde la fuente que prefiero hasta el IDE de mi elección y todo lo demás.

  • Código Fira. Esta es mi fuente favorita para cualquier IDE o editor de texto.
  • Tema Material. Esto es completamente subjetivo (como lo son la mayoría de las cosas en esta lista), pero descubrí que este es el tema con el que me he quedado por más tiempo cuando uso PhpStorm.
  • PHP. El tiempo de ejecución que se necesita para WordPress y el desarrollo general de PHP. Tendré instrucciones de configuración para esta (y otras herramientas) más adelante en este documento sobre cómo instalarlo usando Homebrew para facilitar la administración del paquete.
  • compositor _ Si está trabajando con varias dependencias en sus proyectos, entonces debería usar Composer para administrar esos paquetes.
  • WP-CLI. Esta es una fantástica interfaz de línea de comandos para WordPress que está bajo un desarrollo realmente fantástico que hace que trabajar con WordPress a nivel de línea de comandos no solo sea posible sino también fácil.
  • Unidad PHP. Si va a escribir pruebas unitarias para su proyecto, entonces este es el marco que recomiendo.
  • Rastreador de código PHP. Esta es la biblioteca para asegurarse de que su código siga cualquiera de los estándares que enumero en el siguiente elemento. Se asegura de que esté siguiendo las pautas adecuadas y escribiendo las cosas correctamente.
  • Estándares de codificación PHP. Hay dos tipos generales de estándares de codificación que es probable que utilice (si está leyendo este blog) y son el PSR o el WPCS. Dependiendo de cuál uses, dependerá de cómo los instales. Independientemente, cada uno requiere que PHP Code Sniffer se instale primero.
  • valet _ He escrito sobre otras herramientas listas para usar como MAMP en otras publicaciones, pero he estado usando Valet durante la mejor mitad de 2017 y realmente "simplemente funciona". Es realmente fácil trabajar con él y hace que configurar nuevos sitios y proyectos sea pan comido.
  • Xdepuración. Si está escribiendo código del lado del servidor (y si está escribiendo PHP, lo está haciendo), entonces hay más para depurar que echo y var_dump. Introduzca Xdebug.
  • nodo _ Este es otro administrador de paquetes para usar una variedad de bibliotecas de JavaScript diferentes. Si va a hacer algo con Sass, Less, JavaScript, Image Compression, etc., le recomiendo que lo incorpore a su flujo de trabajo. Véase también esta publicación.

Una vez que haya instalado todo esto, todavía hay una configuración que debe realizarse. Cubriré eso también.

Configuración de Mis herramientas de desarrollo

Como se mencionó anteriormente, muchos de los paquetes que instalo en este punto se realizan a través de Homebrew, por lo que se supone que tiene Homebrew instalado.

Entonces, el primer paso será instalar Homebrew. Todo lo que sigue es exactamente lo que se necesita para ingresar a su terminal para instalarlo y nada más.

Si hay alguna nota sobre un paquete en particular, la incorporaré a la esencia asociada.

Una nota sobre Homebrew

La razón por la que recomiendo usar un administrador de paquetes es que hace que sea mucho más fácil instalar y desinstalar paquetes particulares a medida que los necesita.

Hace las cosas más, ejem, manejables. Y mantiene las cosas un poco más limpias en su sistema (para aquellos que se vuelven [extrañamente] compulsivos con esas cosas).

1 Instalación de Homebrew

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2 PHP

$ brew tap homebrew/php
$ brew install homebrew/php/php70

3 Compositor

4 WP-CLI

5 PHPUnidad

6 Analizador de código PHP

$ brew install php-code-sniffer

7 ayuda de cámara

$ composer global require laravel/valet
$ export PATH="$PATH:$HOME/.composer/vendor/bin"
$ valet install

Una vez que Valet esté instalado, es posible que deba agregarlo a su ruta (que es lo que ve a partir de la segunda línea). Luego, lo instala oficialmente como puede ver en la tercera línea.

8 x depuración

$ brew install homebrew/php/php70-xdebug

Si está utilizando Valet, también necesitará agregar algunas líneas de configuración para que pueda usar correctamente Xdebug con Valet junto con PhpStorm.

Para hacerlo, agregue las siguientes líneas a /usr/local/etc/php/7.0/conf.d/ext-xdebug.ini :

xdebug.remote_enable=1
xdebug.remote_port=9001
xdebug.remote_autostart=1
xdebug.idekey=PHPSTORM

Por supuesto, su idekey y la ubicación del archivo de configuración variarán según la versión de PHP que haya instalado y el IDE que esté utilizando.

9 nodo

10 mysql

$ brew install mysql
$ brew services start mysql

Extensiones del navegador

He incluido solo algunas de las extensiones de navegador que uso a continuación. Estos son principalmente para fines de desarrollo o para eliminar la basura de la web que no soporto ver cada vez que la navego:

  • Bloqueador de anuncios de Facebook. No uso mucho Facebook, pero cuando lo hago quiero un poco de distracción posible.
  • Impresionante captura de pantalla. Para cuando necesite tomar una foto de algo para enviárselo a otra persona, por supuesto. Funciona bien con Droplr.
  • Amortiguador _ Me gusta almacenar en búfer muchos de mis tweets y esto hace que sea fácil hacerlo.
  • ColorZilla. Cuando está capturando colores para una imagen, diseño o tema existente, esto ayuda a obtener los valores RGB y hexadecimales.
  • Fantasma. La gente tiene sentimientos encontrados sobre esto (y eso está bien para mí), pero esto es para detener la publicidad y el seguimiento.
  • Gramaticalmente. Para asegurarme de que realmente estoy haciendo un trabajo decente al construir oraciones y escribir palabras.
  • Combinar ventanas. Primero, teníamos demasiadas ventanas, así que introdujimos la navegación por pestañas. Ahora tenemos demasiadas ventanas con demasiadas pestañas. Esto fusiona todas las ventanas en una sola ventana.
  • Eliminar W3Schools. Elimina W3Schools de los resultados de búsqueda de Google para que pueda obtener mejores resultados.
  • Clasificador de fichas. Cuando tus pestañas se descontrolan entre Asana, Trello, Pocket, Reddit, etc., esto ayuda a organizarlas por tipo.
  • acelerador _ Esto funciona junto con el servicio web Throttle para crear direcciones de correo electrónico desechables (que aún puede usar para leer el correo electrónico) para servicios con los que no necesariamente desea mantenerse al día.
  • Toby para Chrome. Excelente para guardar y agrupar sesiones de pestañas (si opta por no usar Tab Sorter) para que pueda volver a trabajar en lo que sea que estaba haciendo cuando se alejó, reinició o lo que sea.
  • Ayudante de Xdebug. Funciona junto con Xdebug para ayudar a depurar, perfilar y rastrear el rendimiento y el código en una aplicación web local.

Hay otras extensiones que uso para aplicaciones como 1Password y Pocket, pero no parecen ser tan relevantes, así que opté por excluirlas, especialmente porque esos servicios están menos orientados al desarrollo.

El fin

¿Por qué las extensiones de mi navegador son las últimas? Lo sé, parece un poco tonto, ¿no serían parte de, digamos, mi conjunto estándar de aplicaciones?

En pocas palabras, hay algunos que están más relacionados con el desarrollo, así que quería que vinieran después de haber cubierto todo lo demás.

En otra nota, hay momentos en los que tengo que cambiar las cosas de usar, digamos, PHP7 a PHP5.6 dependiendo de un proyecto. También hay momentos en los que uso otras bibliotecas como PHPMD, etc., que no he cubierto aquí porque son herramientas específicas de proyectos.

Pero desde la configuración de mi sistema, esta es la descripción general. Así que ahora tengo una referencia documentada de lo que necesito instalar desde Mac App Store, desde varios lugares de la web, los comandos que necesito ejecutar y cómo puedo poner en marcha y restaurar una máquina rápidamente en caso de que algo vuelva a fallar.

Dicho todo esto, me pregunto si no vale la pena comprar una máquina de respaldo barata por si acaso.

Pero no sé. Esa es otra publicación.

Si está buscando otra publicación para seguir que sea similar, aunque con más detalles con respecto a algunas herramientas, le recomiendo que consulte la publicación de Carl Alexander.

Fuente de grabación: tommcfarlin.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More