https://d226lax1qjow5r.cloudfront.net/blog/blogposts/customize-your-macos-terminal-using-starship/customize-macos-starship.png

Personaliza tu terminal macOS con Starship

Publicado el April 11, 2024

Tiempo de lectura: 5 minutos

Es toda una vibración

Como alguien fácilmente atraído por las cosas bonitas y estéticas, personalizar mi terminal macOS para crear un entorno con el que resuene me ha ayudado a mejorar mi productividad y simplificar tareas complejas. En este blog, te mostraré cómo crear tu propio ambiente utilizando Starship.

¿Listo para personalizar tu terminal? Adelante.

¿Qué es Starship?

Nave estelar es un prompt de código abierto y personalizable para entornos shell utilizado en interfaces de línea de comandos (CLI). Está disponible en Android, BSD, Linux, macOS y Windows; en este blog, te daré instrucciones para macOS. Permite a los usuarios modificar fácilmente su apariencia y el tipo de información que muestra, como el estado de Git o las versiones del lenguaje de programación, editando un sencillo archivo de configuración. Está diseñado para ser rápido y ligero, por lo que tu trabajo no se verá ralentizado en el terminal. Una ventaja clave de Starship es que funciona con varios shells como Bash, Zshy Fishmanteniendo la experiencia del terminal consistente y eficiente. Esto significa que puede utilizarlo en diferentes entornos sin necesidad de adaptarse a una nueva configuración cada vez.

This gif shows a customized terminal with colorful words in a unique font being typed.Demo of Customized Terminal

Fuente: starship.rs

Ahora, ¡abramos nuestro terminal para empezar!

Cómo configurar Starship

1. Instalar Starship: Ejecute curl -sS https://starship.rs/install.sh | sh en su terminal.

Alternativamente, si tiene brew instalado, puedes hacer un rápido brew install starship.

2. Configure su caparazón: Elija y configure su shell. Starship soporta una lista de diferentes shells. Para este blog, voy a utilizar Zsh.

A continuación, ejecute: nano ~/.zshrc

Una vez abierto el archivo en nano, añade lo siguiente al final de ~/.zshrc: eval "$(starship init zsh)"

Una vez que hayas guardado los cambios con Ctrl + O en nano, puedes simplemente salir de nano con Ctrl + X, y tus cambios se aplicarán a la configuración inmediatamente.

3. Elegir el tipo de letra adecuado: Puedes elegir el tipo de letra que quieras. Yo descargué FiraCode Nerd Font porque es legible y compatible con una amplia gama de herramientas y entornos de desarrollo.

This image displays a window from the macOS font book titled 3 typefaces showing FiraCode Nerd Font as a dropdown option.Font Book

Una vez que haya elegido su fuente y haya hecho clic en "Descargar", localice el archivo zip descargado en su carpeta Descargas. Haga doble clic en el archivo zip para extraer su contenido. Esta acción creará una nueva carpeta con los archivos de fuentes. Abra esa nueva carpeta para ver los archivos de fuentes que contiene.

Seleccione todos los archivos de fuentes (normalmente con .ttf extensión) que desee instalar. Haga clic con el botón derecho en los archivos de fuentes seleccionados y elija "Abrir" o "Abrir con" -> "Libro de fuentes" (el gestor de fuentes predeterminado de macOS).

El Libro de fuentes se abrirá y mostrará los archivos de fuentes seleccionados.

This image displays a window from the macOS font book titled 3 typefaces showing FiraCode Nerd Font as a dropdown option.Font BookHaga clic en "Instalar fuente" para cada variante de fuente que desee instalar (normal, negrita, cursiva, etc.). También puede arrastrar y soltar los archivos de fuentes en la ventana del Libro de fuentes para instalarlos. Una vez hecho esto, debería ver su nueva fuente en el Libro de fuentes, en "Mis fuentes".

This image shows the window titled Profiles from Terminal with the Text tab opened, showing that FiraCode Nerd Font is set as the font.Terminal ProfilesUna vez instaladas las fuentes, puede verificar su instalación abriendo su terminal. En la parte superior izquierda de la pantalla, haga clic en "Terminal" -> "Configuración" (aparecerá una ventana "Perfiles"). Haga clic en "Perfiles". Si ves las opciones de FiraCode Nerd Font en el desplegable de selección de fuentes, significa que las fuentes se han instalado correctamente. Selecciónala y verás cómo cambia la fuente del terminal.

This image shows the window titled Profiles from Terminal with the Text tab opened, showing that FiraCode Nerd Font is set as the font.Terminal Profiles4. Crear y editar el archivo de configuración de la nave estelar: Dado que está trabajando en una terminal, puede utilizar un editor de texto de línea de comandos como Nano, Vimo Emacs. Elegí Nano porque es bastante fácil de usar.

Escriba el siguiente comando en su terminal para crear y editar el archivo starship.toml archivo: nano ~/.config/starship.toml

Personalización de la nave estelar

Aquí es donde puedes cambiar el terminal. Puede cambiar todos los aspectos de su prompt a través del archivo starship.toml archivo.

Configuración de la nave estelar:

Me inspiré en el terminal de therubberduckiee, así que utilicé su archivo de entorno dev como plantilla. Copia y pega el contenido de este archivo en tu archivo starship.toml y cambia los códigos HEX por los que quieras. Sustituí sus colores por los códigos HEX de los colores de Vonage:

Color HEX Code
Purple 871FFF
Magenta D62190
Cyan 80C7F5
Peach FFA68C
Orange FA7554

The image displays a color chart with six colors, each accompanied by their respective RGB, HEX, CMYK, and PMS codes. The colors and their codes are:  Purple: RGB (135, 31, 255), HEX #871FFF, CMYK (79, 87, 0, 0), PMS 2090C Magenta: RGB (214, 33, 156), HEX #D6219C, CMYK (16, 100, 0, 0), PMS 2405C Cyan: RGB (128, 199, 245), HEX #80C7F5, CMYK (50, 0, 0, 0), PMS 2141C Peach: RGB (255, 166, 140), HEX #FFA68C, CMYK (0, 42, 32, 0), PMS 487C Orange: RGB (250, 117, 84), HEX #FA7554, CMYK (0, 68, 68, 0), PMS 2024C The chart is organized in blocks of color with the information below each color, set on a white background for clear readability.Vonage ColorsSi necesita encontrar los códigos HEX de sus opciones de color, utilice una herramienta que ofrezca información sobre los colores calculados en una página de color, como por ejemplo Color Hex.

Guarda los cambios y tu terminal estará listo para funcionar.

Pruebe su nuevo terminal

Ahora, veamos estos hermosos cambios. Usé Visual Studio Code y abrí mi terminal allí. Aquí están los comandos que puede ejecutar en su terminal para ver su personalización:

Instalar CLI de Vonage: npm install --location=global @vonage/cli

The image shows the output of a package installation using npm. The terminal prompt displays the current time in purple and pink, a peach-colored location indicator, and a command running with the output message Completed in 191930ms highlighted in cyan.InstallCompruebe la versión que tiene instalada: vonage --version

The image (version.png) displays the output for the version check of the Vonage CLI. The prompt includes the same colored elements as before, and the output shows the Vonage CLI and Node.js versions installed on the system.VersionLuego de crear tu Account de desarrollador de Vonage, podrás encontrar tu API Key y API Secret en tu panel. Establece tu configuración: vonage config:set --apiKey=XXXXXX --apiSecret=XXXXXX

The image shows the successful configuration of the Vonage CLI with an API key and secret. The output message Configuration saved confirms the action, and a deprecation warning for a module is also shown.ConfigPara ver tus aplicaciones de Vonage actuales, usa: vonage apps

The image (apps.png) depicts an attempt to display Vonage applications, but it only shows the column headers Name and Id without any entries. A deprecation warning for the punycode module is repeated here as well.AppsPara obtener más información sobre cómo crear y administrar tu aplicación de Vonage, consulta la documentación de la CLI de Vonage o el blog de Michael Crump "Better together: GitHub & Vonage CLI".

Conclusión

Este blog nos enseñó a personalizar nuestro terminal macOS usando Starship y lo probamos con la CLI de Vonage. Como desarrolladores, nuestro entorno es clave para nuestra productividad, así que ¿por qué no hacerlo tan único como el código que escribimos? Si necesitas ayuda para crear un terminal bonito, deja un mensaje en nuestro canal Slack de la comunidad. Si terminas siguiendo este tutorial, no dudes en compartir tu terminal en X, antes conocido como Twitter, y etiquétame. Me encantaría ver tu nuevo entorno.

Compartir:

https://a.storyblok.com/f/270183/384x384/b68093ec17/diana-pham.png
Diana PhamDefensor del Desarrollador

Diana es desarrolladora de Vonage. Le gusta comer ostras frescas.