Configurar una Macbook para desarrollo web

Recientemente me dio por darle una formateada a mi vieja MacBook Air, uso esta laptop para mis proyectos web, y quise compartir con ustedes la configuración que uso, aunque me considero un full stack developer, esta guía puede servirle a cualquier persona con una computadora con macOS.

Especificaciones de mi Macbook Air

  • MacBook Air (13-inch, 2017)
  • 1.8 GHz Intel Core i5 de dos núcleos
  • 8 GB 1600 MHz DDR3
  • Intel HD Graphics 6000 1536 MB

Como podrán ver, mi Macbook no es la más nueva, así que lo primero que haremos será actualizar su sistema, actualiza tú macOS a la versión mas reciente. Para hacer eso, ve a:

Barra de menús > Apple menu () > Acerca de esta Mac > Actualización de software…

Preferencias del sistema

El siguiente paso es opcional, estas son algunas Preferencias del sistema que me gusta cambiar.

Dock y barra de menus

  • Ocultar y mostrar Dock automáticamente
  • Mostrar apps recientes en el Dock > desactivar
  • Otros módulos > Batería > Mostrar porcentaje

Spotlight

  • Sugerencias de Siri > desactivar

Siri

  • Desactivar

Seguridad y privacidad

  • General > Solicitar contraseña después de iniciarse el reposo o el protector de pantalla > inmediatamente.
  • General > Permitir apps descargadas de: > App Store y desarrolladores identificados.
  • FileVault > Activar FileVault…
  • Firewall > Activar firewall

Teclado

  • Repetición de tecla > Rápida
  • Espera hasta la repetición > Corta

Trackpad

  • Señalamiento y clic
    • Consulta y detectores de datos > Desactivar
    • Click secundario > Activar
    • Presionar para hacer clic > Activar
  • Desplazamiento y zoom
    • Direccional del desplazamiento > Desactivar
    • Aumentar o reducir el zoom > Activar
    • Zoom inteligente > Desactivar
    • Girar > Desactivar

Compartir

  • Cambiar el nombre de la computadora.
  • Asegurarse que “Compartir archivos” este desactivado.

Finder

  • Preferencias
    • General > Las nuevas ventanas del Finder muestra: > Seleccionar tu directorio Home.
    • Avanzado > Mostrar extensiones de los nombres de archivo.
    • Visualización
      • Mostrar barra de pestañas.
      • Mostrar barra de ruta
      • Mostrar barra de estado
  • Habilitar mostrar archivos ocultos (dotfiles) (Presiona Cmd + Shift + . (punto) en una ventana de Finder)

Screenshots

Shift + Cmd + 5 para abrir la aplicación > Opciones > Seleccionar otra ubicación (selecciona una carpeta, yo normalmente creo una que se llame “Screenshots” en el home).

Algunas preferencias del sistema no puedes ser modificadas desde la interfaz gráfica, por lo que lo haremos ejecutando los siguientes comandos en una Terminal. Para abrir la Terminal presiona Cmd + Barra espaciadora y escribe “terminal.app” y da Enter, entonces solo tienes que copiar y pegar los comandos en la terminal.

# guarda los screenshots como jpg (de menor tamaño que un PNG)
defaults write com.apple.screencapture type jpg

# no abre el archivo previsualizado anterior al abrir uno nuevo
defaults write com.apple.Preview ApplePersistenceIgnoreState YES

# mostrar la carpeta Biblioteca
chflags nohidden ~/Library

# Previene que el barrido a la izquierda o derecha te cambie de pagina en Chrome
defaults write com.google.Chrome AppleEnableSwipeNavigateWithScrolls -bool false

killall Finder;

Ahora nuestro macOS ya esta configurado y listo para comenzar a trabajar con él, lo siguiente será instalar las aplicaciones de escritorio que usaremos en nuestro día a día, para lo cual usaremos Homebrew, un poderoso manejado de paquetes para macOS.

Homebrew

Pero antes de comenzar a usar Homebrew, primero necesitaremos instalar Xcode en nuestra MacBook.

Puedes instalarlo, buscando Xcode en la App Store de tu MacBook o desde una terminal con el siguiente comando.

xcode-select --install

Una vez instalado Xcode, ahora si podemos instalar Homebrew, para eso necesitaras ejecutar el siguiente comando en una terminal.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Si estas usando una MacBook M1, al finalizar la instalación podrías recibir algunos warnings, esto es por que el instalador de Homebrew no pudo modificar el PATH, para solucionar este problema solo hay que ejecutar en una terminal, los siguientes dos comandos.

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/el_nombre_tu_computadora/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

No olvides en el primer comando, reemplazar la cadena de texto “el_nombre_tu_computadora” por el nombre de tu computadora. Otra opción para agregar Homebrew al PATH, es usar el siguiente comando.

echo 'PATH="/usr/local/bin:$PATH"' >> ~/.zprofile

Una vez terminada la instalación, verifiquemos que Homebrew este actualizado y todo este instalado correctamente ejecutando el siguiente comando.

brew update; brew doctor

Si todo esta correcto, entonces podemos proceder a instalar las aplicaciones que usaremos en nuestro día a día. Con Homebrew puedes instalar aplicaciones de linea de comando o aplicaciones gráficas, solo necesitas saber el nombre del paquete de la aplicación que deseas instalar y ejecutar el comando “brew Install nombre_paquete” y brew bajara e instalara el paquete de la aplicación y todas la dependencias requeridas que encuentre en sus repositorios.

El comando install de brew te permite instalar una aplicación, prueba instalando wget con el siguiente comando.

brew install wget

Brew bajara e instalara el paquete para la aplicación wget y todas las dependencias necesarias.

Puedes instalar varias aplicaciones a la vez usando el siguiente comando como ejemplo, las aplicaciones en la lista son sugerencias y son solo aplicaciones con interfaz gráficas, normalmente este tipo de aplicaciones son parte de un repositorio especial de brew, por lo que necesitas agregar el parámetro “–cask” para poder acceder a ellas e instalarlas.

brew install --cask \
  alfred \
  android-file-transfer \
  appcleaner \
  google-chrome  \
  firefox \
  brave-browser \
  tor \
  iterm2 \
  visual-studio-code \
  sublime-text \
  sequel-ace
  docker \
  rectangle \
  slack \
  discord \
  signal \
  vlc \
  spotify \
  calibre \
  figma \
  imageoptim \
  transmission \
  dropbox \
  zoom \
  skype

Estas son algunas sugerencias para aplicaciones de linea de comando que podrías necesitar para optimizar el tiempo que pasas en la terminal.

brew install \
  wget \
  exa \
  git \
  bat \
  tldr \
  tree \
  fzf \
  nvm \
  pnpm \
  graphicsmagick \
  commitzen \
  cmatrix \
  vips

Si hay alguna aplicación que uses y no esta entre mis sugerencias, puedes buscarla usando el comando “brew search”.

Brew necesitara darle mantenimiento a los repositorios locales (actualizar todas las apps y sus dependencias), para eso es necesario ejecutarlo con los parametros de update, upgrade, cleanup y doctor, siempre es mejor ejecutar un solo comando en vez de ejecutar cuatro, para eso creamos este alias y lo agregamos a tu profile, para que puedas ejecutarlo desde la terminal cuando lo necesites.

echo "alias brewup='brew update; brew upgrade; brew cleanup; brew doctor'" >> .zprofile

Cierra el tab de tu terminal (Cmd + w) y abre un nuevo Tab (Cmd + n), para que los cambios tengan efecto y ahora puedas ejecutar “brewup” desde la linea de comando.

Listo, ahora tienes una configuración base por donde comenzar, ahora puedes instalar todas tus herramientas de desarrollo y personalizar tu entorno de desarrollo, o puedes seguir algunas de nuestras recomendaciones.

  • Instalar y configurar iTerm2 en macOS
  • Instalar y configurar Git en macOS