¿Cómo configurar un Macbook para desarrollo web?. Aunque pensaba que no iba a utilizar el Macbook para desarrollo web, al final he acabado instalando parte del stack de desarrollo que suelo utilizar y configurado algunas cosas del Macbook como a mí me gustan.

Aquí va la lista de cosas que he hecho para configurar mi Macbook para desarrollo web y las voy a poner en orden para cuando las tenga que volver a hacer en el futuro.

1. No más Macbook en español

Desde hace un tiempo, se me hace muy raro utilizar cualquier dispositivo en español. Así que, lo primero que hago al configurar un Macbook es poner el idioma en Inglés desde las Preferencias del Sistema.

De paso, igual te sirve para aprender un poco más de vocabulario en inglés.

2. Configura el Finder en modo PRO

No sé porqué, pero el Finder de MacOS viene bastante “capado” por defecto. Yo necesito configurar como mínimo estas tres cosas en el Finder para poder respirar con normalidad:

1. Favoritos del Finder

Llamadme maniático pero yo necesito tener los Favoritos del Finder tal que así:

2. Mostrar extensiones de archivo en Finder

¿Alguien me puede decir cómo se puede trabajar sin ver las extensiones de los archivos?

Para mostrar las extensiones de archivo en MacOS, en el Finder hay que ir a Finder > Preferencias > Avanzado y marcar el checkbox “Mostrar extensiones de archivo” (o como se diga en español)

3. Mostrar archivos y carpetas ocultas en MacOS

Lo mismo que con las extensiones de archivo… ¿Cómo se puede vivir sin ver las carpetas ocultas? ¿Cómo accedes a var, tmp u otras carpetas desde el Finder?

Lógicamente, hay que configurar el Finder para mostrar archivos y carpetas ocultas. En este caso hay que hacerlo ejecutando este comando desde la Terminal:

$

defaults write com.apple.finder AppleShowAllFiles TRUE KillAll Finder

3. Instala una Terminal decente

Llegados a este punto, ya hemos abierto la Terminal de MacOS y hemos visto que es una puta mierda. La terminal buena para MacOS es iTerm2.

No voy a contar mucho más sobre iTerm2 de momento porque creo que da para otra entrada de blog. Pero vamos, 1000% obligatorio instalar iTerm2 en tu Macbook para desarrollo web.

4. Instala xCode y las herramientas de compilación

Siguiente paso: pasar por el aro de xCode.

Y te preguntarás: ¿para qué quiero xCode si voy a desarrollar para web/Javascript?

Pues porque xCode viene con las herramientas de compilación en C y las vas a necesitar para instalar unos cuantos paquetes (node entre otros).

xCode se instala desde la App Store y para instalar las herramientas de compilación de xCode hay que ejecutar esto en iTerm2:

$

xcode-select --install

Y aceptar la licencia de las herramientas de compilación:

$

sudo xcodebuild -license

5. Instala Macports (u otro gestor de paquetes)

Llegados a este punto, ya tenemos una terminal decente y las herramientas de compilación de xCode. Lo siguiente es instalar un gestor de paquetes e intentar usarlo siempre en vez de instalar paquetes con instaladores (que a veces también se puede).

Yo uso MacPorts, aunque hay otros gestores de paquetes para MacOS.

Una vez instalado MacPorts podemos ejecutar este comando en la terminal:

$

sudo port -v selfupdate

Y ya está todo listo para empezar a instalar paquetes. No voy a dar una lista recomendada de qué paquetes instalar con MacPorts porque puede ser interminable. Simplemente creo que es mejor ir instalando los que haga falta conforme se necesiten.

Los 3 comandos básicos de Macports que necesitas saber

Buscar paquetes:

$

port search nombre_paquete

Instalar paquete:

$

sudo port install nombre_paquete

Actualizar paquetes:

$

sudo port selfupdate

$

sudo port upgrade outdated

Para todo lo demás, consultar la guía de uso de MacPorts.

6. El mejor editor de texto para MacOS

Respecto a qué editor de texto usar en MacOS, hace unos años hubiera dicho SublimeText, pero hoy TAMBIÉN.

Tiene sus cosas malas, como que es privativo y está desarrollado principalmente por una sola persona. Pero en cuanto a velocidad de indexado de archivos y atajos es el mejor editor de texto.

Para los talibanes del software libre siempre está Atom como alternativa que es como SublimeText pero en lento. Le cuesta un poco más indexar pero también está bien.

Con SublimeText me pasa como con iTerm2, que me da para otra entrada de blog contando plugins y mierdas, así que paro aquí.

7. Node, npm y el stack de desarrollo web

No me voy a explayar mucho aquí porque cada uno utilizará un conjunto de herramientas de desarrollo web.

Yo suelo usar node y npm para desarrollo web Javascript:

$

sudo port install node4

$

sudo port install npm3

Y alguna distribución de LAMP para desarrollo web para WordPress. También podemos instalar los paquetes por separado con MacPorts pero encuentro más cómodo utilizar una distribución de LAMP. Hasta ahora he probado XAMPP y MAMP, cualquiera de las dos está bien.

Ciberpato, matar iPhoto y otras aplicaciones para Mac OS

Algunas cosas más que he hecho después de instalar y configurar mi Macbook para desarrollo web han sido:

• Instalar Google Chrome y algún que otro navegador web más.

  

• Habilitar la escritura de discos NTFS en Mac
• Instalar FileZilla para copiar archivos a mi hosting de WordPress
• Instalar Ciberpato
• Hacer que el puto iPhoto no se abra cada vez que meto una tarjeta SD de mi cámara Nikon ejecutando esto en iTerm2

$

defaults -currentHost write com.apple.ImageCapture disableHotPlug -bool true

También puede que te interese instalar git, SVN o Java.

Con el Magic Mouse, uso también Better Touch Tool aunque ahora me he acostumbrado al Trackpad del Macbook y ya no lo necesito.

Haz esto cuando acabes de configurar tu Macbook

Cuando acabes con todo, no es mala idea configurar copias de seguridad con Time Machine o incluso hacer una copia de este “setup” y usarlo para cuando necesites configurar un nuevo Macbook a partir de otro

Y esto es todo, me dejo cosas seguro pero si a alguien le interesa saber más sobre esto que me lo diga y voy contando cómo configuro otras historias.