4

Personaliza tu terminal de 0 a PRO 馃槑

Raul
raulmar
17762

Ve el art铆culo en dev.to 馃槂

Ten por seguro que personalizar la terminal no te har谩 un hacker ni mejor desarrollador pero te prometo que vas a sentirte como uno.

A todo desarrolladores nos gusta la personalizaci贸n de nuestras herramientas y que mejor que empezar con la que probablemente m谩s interactuamos, la terminal.

Esta gu铆a puede servir para Linux, MacOS y WSL (Windows Subsystem for Linux) por lo tanto pueden usar cualquier terminal que tengan, ya sea la terminal por defecto de MacOS, iterm 2.0, GNOME terminal, Terminator, la nueva terminal de Windows etc.

<h1>Comparaci贸n visual 馃憖</h1>
cover3.png
<h1>Lo que haremos 馃О</h1>
  1. Cambiaremos la shell por defecto (BASH) por ZSH
  2. Instalaremos GIT para clonar repositorios desde la nube
  3. Instalaremos Oh My ZSH que es un administrador de configuraci贸n para ZSH el cual nos har谩 la vida m谩s f谩cil
  4. Instalaremos algunos plugins sobre Oh My ZSH
  5. Instalaremos el tema powerlevel10k con Oh My ZSH que permite una gran cantidad de combinaciones gracias a su configuration wizard
  6. Agregaremos algunos alias que es como configurar comando personalizados
  7. Cambiaremos el prompt por defecto de nuestra terminal
<h1>Cambiar BASH por ZSH 馃挶</h1>

ZSH es una mejor alternativa al shell por defecto que es BASH, principalmente por sus addons que nos facilitan todo, desde plugins hasta un framework para temas.

  1. Instalamos ZSH

    sudo apt install zsh
    
  2. Seleccionamos ZSH como shell por defecto

    chsh -s $(which zsh)
    
    #Otra alternativa es:#chsh -s `which zsh`
  3. Reiniciamos la consola

  4. Revisamos que estemos usando ZSH, si nos sale un error hay que verficar la instalaci贸n

    echo$SHELL#nos debe responder con#/usr/bin/zsh
  5. Si nos sale el siguiente men煤 seleccionamos (2) para desktop y (0) para conexiones SSH

    5.jpg
<h1>Instalamos git 馃捇</h1>

Adem谩s de ser una excelente herramienta para desarrollo tambi茅n la usaremos para que OhMyZSH se pueda instalar correctamente

  1. Instalamos los paquetes de git

    sudo apt-get install git
    
  2. Comprobamos la instalaci贸n

    git --version
    
<h1>Instalamos Oh My ZSH 馃敡</h1>

Este framework creado por la comunidad nos ayuda a configurar nuestro ZSH.
No confundir ZSH y OhMyZSH, OhMyZSH act煤a sobre el archivo de configuraci贸n de ZSH (.zshrc)

  1. Instalamos Oh My ZSH

    sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
  • Oh My ZSH nos modifica el archivo .zshrc y nos crea la carpeta .oh-my-zsh donde encontraremos los plugins, temas, plantillas etc.

    nano ~/.zshrc
    #para ver la configuraci贸n de ZSH
  • Por defecto nos selecciona el tema robbyrussell

    6.png
<h1>Instalamos plugins 馃敤</h1>
  1. Los paquetes que vamos a instalar son:

    • zsh-syntax-highlighting: Si estas escribiendo los comando correctos en la terminal, les pone colores

      git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
      
    • zsh-autosuggestions: Para obtener sugerencias basadas en tu historial

      git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
      
    • fzf: Con 鈥渃trl + t鈥 te da un explorador de carpeta, con 鈥渃trl + r鈥 te da un explorador de historial de comandos y con 鈥渃trl + c鈥 salimos

      git clone --depth 1 https://github.com/junegunn/fzf.git ~/.fzf && ~/.fzf/install
      

      Aceptamos todo lo que nos pida

  2. Vamos a nuestro archivo de configuraci贸n ZSH

    nano ~/.zshrc
    

    Aqu铆 nos vamos a la parte de abajo del archivo hasta donde veamos plugins (por defecto viene con el plugin de git) y agregamos lo siguiente

    plugins=(
    git
    zsh-syntax-highlighting
    zsh-autosuggestions
    )
    
  3. Reiniciamos la consola y listo 馃槈

<h1>Power level 10k 馃枌锔</h1>

Fuente

Fuente regular
10.png

Fuente nerd
11.png

  1. Descargar una fuente con soporte para iconos.

  2. Descomprimir el zip a la carpeta .fonts (~/.fonts o ~/.local/share/fonts) y movernos a ella

    # En caso de no tener la carpeta fonts# mkdir ~/.fonts && cd ~/.fonts
    unzip ~/Descargas/[fuente_descargada].zip
    
  3. Cambiar la fuente de la terminal, normalmente es click derecho sobre el 谩rea de comandos > Preferencias > Apariencia/Perfiles > Fuente

    • Aqu铆 elegimos la fuente que hayamos descargado
    12.jpg

Powerlevel10k

Nos da muchas opciones de personalizaci贸n visual como las siguientes

13.png
  1. Descargamos powelevel10k

    git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
    
  2. Declaramos el tema en el archivo de configuraci贸n de zsh

    ZSH_THEME="powerleve10k/powerlevel10k"
    POWERLEVEL10K_MODE="nerdfont-complete"
    14.png
  3. Reiniciamos la terminal para que aparezca el configurador o en su defecto teclear p10k configure

    15.png
  4. Terminando el instalador tendremos nuestra terminal totalmente personalizada

Colores

  • Para cambiar los colores damos click derecho sobre el 谩rea de comandos > Preferencias > Apariencia/Perfiles > colores

    16.jpg
  • Para paletas de colores random puedes visitar coolors.co

  • Mis colores principales son:

    Fondo: #302F4D

    Texto: #FFFFFF

    Morado de prompt: #B816B8

    Blanco de prompt: #FFFFFF

<h1>Aliases 馃暤锔忊嶁檪锔</h1>

Los aliases son una herramienta para crear atajos para los comando que m谩s usamos o para los que m谩s nos equivocamos

  1. Abrimos la configuraci贸n zsh y nos movemos a la parte de abajo

    17.png

    Aqu铆 en la configuraci贸n nos da unos ejemplos

  2. La sintaxis para agregar alias es:

    alias atajo="comando regular para el atajo"
  3. Los atajos que tengo configurados son

    alias zshconfig="nano ~/.zshrc"alias ohmyzsh="cd ~/.oh-my-zsh"alias sl="ls"#por si lo escribo al rev茅s XD
<h1>Cambiando el prompt 馃懇鈥嶐煉</h1>

Personalmente prefiero que solo me muestre el directorio actual en lugar de todo el path. Queremos pasar de esto

18.png

A esto, con ayuda de una configuraci贸n del tema powerlevel10k

19.png
  1. Primero tendremos que abr铆r el archivo de configuraci贸n con nuestro editor favorito, en mi caso utilizar茅 nano

    nano ~/.p10k.zsh
    
  2. Despu茅s buscamos el par谩metro (en nano podemos usar 鈥淐trl + w鈥 para buscar)

    POWERLEVEL9K_SHORTEN_STRATEGY=truncate_to_unique
    
  3. Sustituimos el valor por defecto

    POWERLEVEL9K_SHORTEN_STRATEGY=truncate_to_last
    
  4. Reiniciar la terminal 馃槂

<h1>Recursos 馃摂</h1>

Instalaci贸n de Terminator terminal

Utilidades Terminator terminal

Your terminal can be much more productive

OhMyZSH official repo

ZSH installation guide

Power level 10k & OhMyZSH

OhMyZSH plugins

OhMyZSH website

Escribe tu comentario
+ 2