Posted on: November 19, 2021 04:33 PM
Posted by: Renato
Views: 7551
# Terminal com Oh My Zsh, Spaceship, Dracula e mais
por Diego Fernandes e atualizado por min Renato Lucena - 19-11-2021
# Oh My Zsh: usando um terminal personalizado e produtivo!
> Os interpretadores de comando são ferramentas utilizadas nos sistemas operacionais para processar comandos digitados pela pessoa usuária. Para isso, eles necessitam de um terminal que, geralmente, tem uma interface bem básica. O Oh My Zsh é uma ferramenta que modifica essa condição, pois ele permite a customização do terminal. Isso contribui para a melhor visualização dos comandos digitados e dos retornos do sistema.
> Nos prompts de comando padrão não há diversos recursos, como a utilização de cores para destacar informações importantes, autopreenchimento de comandos e muitos outros. Isso faz com que a pessoa programadora perca mais tempo com a realização de suas atividades no terminal.
> Por permitir a utilização de cores e outros recursos, o uso do Oh My Zsh proporciona diversos benefícios, como melhorar a produtividade, além de deixar o terminal mais agradável de usar.
# O que é o Oh My Zsh?
> O Oh My Zsh é um framework open source que possibilita o gerenciamento das configurações do interpretador de comandos Zsh, que é uma alternativa ao shell padrão oferecido pelo sistema operacional. Sua utilização ajuda a tornar o terminal de comandos muito mais amigável e funcional. Ele é mais indicado para os sistemas operacionais Linux e macOS.
# Como instalar o Zsh?
Antes de instalar o framework Oh My Zsh, é preciso instalar o interpretador de comandos Zsh, que é a abreviatura de Z-Shell. Veja como realizar essa tarefa no Linux e no macOS.
# Linux
Para instalar o Zsh no Linux por meio do interpretador de comandos, basta digitar o seguinte comando no terminal:
Vale ressaltar que, como existem várias distribuições do Linux, o comando de instalação pode variar entre elas.
# macOS
Para instalar o Zsh no macOS, digite o seguinte comando:
- https://blog.betrybe.com/ferramentas/oh-my-zsh/
O tema do meu VSCode (que é o Dracula) e as configurações do meu terminal de desenvolvimento.
Antes de mais nada, nesse post vou considerar que você esteja utilizando Unix (Mac ou Linux) já que no Windows fica bem inviável configurar o que eu menciono nesse post a não ser que você crie um subsistema Linux dentro dele.
A minha ideia com esse post é mostrar exatamente todas configurações que faço em meu terminal como tema, plugins, configurações, etc.
# Instalando Zsh
Antes de conseguirmos iniciar com qualquer configuração precisamos instalar o Zsh. Como existem várias formas de instalação dependendo do sistema operacional que você está, leia esse guia: https://github.com/robbyrussell/oh-my-zsh/wiki/Installing-ZSH
Com o Zsh instalado deve ser possível você executar:
E receber algo como: zsh 5.3 (x86_64-apple-darwin18.0).
# Instalando Oh My Zsh
Para instalar o Oh My Zsh você precisa executar o comando abaixo (você deve ter o cURL instalado para executa-lo):
A partir de agora todas configurações que você quer fazer como adicionar variáveis ambientes ou configurar seu terminal de qualquer forma utilize o arquivo ~/.zshrc e não mais o ~/.bash_profile ou derivados.
Agora reiniciando seu terminal você deve ter algo diferente do convencional, parecido com isso:
anexo:
Lembrando que a ainda vamos realizar configurações de cores, informações que aparecem em tela, etc.
# Utilizando Dracula
Dracula é um padrão de cores disponível para muitas aplicações de desenvolvimento e hoje utilizo esse esquema em boa parte dos apps em que desenvolvo.
O Dracula está disponível para muitos terminais e você pode conferir todos aqui: https://draculatheme.com na seção "Terminal".
Se você estiver no Mac usando o Terminal padrão, provavelmente irá usar: https://draculatheme.com/terminal/
Se você estiver no Linux com uma distribuição que usa Gnome, vai utilizar: https://github.com/dracula/gnome-terminal
# Tema Spaceship
Agora vamos instalar o tema Spaceship que vai modificar um pouco as informações que são exibidas no terminal, com ele podemos mostrar a versão do Node atual, do Docker, etc.
# Instalando FiraCode
Antes de iniciar a configuração do Spaceship precisamos instalar a fonte Fira Code que possui diversos ícones dos quais são utilizados nesse tema. Baixe o zip da última versão da fonte disponível aqui: https://github.com/tonsky/FiraCode/releases
Descompacte o arquivo baixado e na pasta TTF copie os arquivos de fonte para as fontes do seu sistema (cada sistema operacional possui uma forma de fazer isso).
Depois disso será necessário configurar seu terminal com essa fonte, abaixo mostro uma imagem de como configurei no Mac:
# Instalando Spaceship
Vamos começar clonando o repositório do Spaceship em nossa pasta de themes do Oh My Zsh (é necessário ter instalado o Git pra isso):
Agora vamos criar um link simbólico para o arquivo do tema do Spaceship na pasta dos temas do Oh My Zsh:
Agora dentro do arquivo ~/.zshrc vamos alterar a variável ZSH_THEME ficando dessa forma:
ZSH_THEME="spaceship"
Agora reinicie o terminal e você verá uma interface bem mais limpa, parecida com essa:
anexo
# Configurações adicionais
A partir de agora você já finalizou todas instalações e tudo a partir de aqui são preferências minhas que gosto de utilizar em meu terminal, por isso fique à vontade para incluir/excluir qualquer item abaixo.
# Configurando Spaceship
Por mais que seja muito interessante mostrar as versões do Node, Docker e outros itens no nosso terminal geralmente isso consome processamento e pode tornar mais lento o carregamento de pastas, por isso eu gosto de desabilitar a maioria dessas opções.
No fim do arquivo ~/.zshrc adiciono o seguinte conteúdo:
SPACESHIP_PROMPT_ORDER=(
user # Username section
dir # Current directory section
host # Hostname section
git # Git section (git_branch + git_status)
hg # Mercurial section (hg_branch + hg_status)
exec_time # Execution time
line_sep # Line break
vi_mode # Vi-mode indicator
jobs # Background jobs indicator
exit_code # Exit code section
char # Prompt character
)
SPACESHIP_USER_SHOW=always
SPACESHIP_PROMPT_ADD_NEWLINE=false
SPACESHIP_CHAR_SYMBOL="❯"
SPACESHIP_CHAR_SUFFIX=" "
# Plugins do ZSH
Utilizo alguns plugins bem legais para o Oh My Zsh que facilitam muito na hora de executar comandos comuns, realizar autocompletes, etc...
Para instalar plugins precisamos configurar o ZInit, ferramenta que facilita a instalação e remoção de plugins no Zsh.
Após essa instalação, vamos abrir o arquivo ~/.zshrc novamente e abaixo da linha ### End of ZInit's installer chunk que foi adicionada automaticamente no arquivo, adicionamos:
zinit light zsh-users/zsh-autosuggestions
zinit light zsh-users/zsh-completions
Esses são os plugins que utilizo e abaixo explico como funciona cada um deles:
- zdharma/fast-syntax-highlighting: Adiciona syntax highlighting na hora da escrita de comandos que facilita principalmente em reconhecer comandos que foram digitados de forma incorreta;
- zsh-users/zsh-autosuggestions: Sugere comandos baseados no histórico de execução conforme você vai digitando;
- zsh-users/zsh-completions: Adiciona milhares de completitions para ferramentas comuns como Yarn, Homebrew, NVM, Node, etc, para você precisar apenas apertar TAB para completar comandos;
# Terminal no VSCode
Se, assim como eu, você utiliza o VSCode pode adicionar a seguinte configuração abaixo para utilizar o Oh My Zsh no terminal integrado:
# Concluindo
Pronto, se você configurou todos passos acima então seu terminal deve estar exatamente igual o meu assim como mostro nas aulas :)
Meu arquivo ~/.zshrc com todas opções acima está disponível em: https://gist.github.com/diego3g/b0513d5ff6d9d983c48bed3fd8f10cdb
Não esquece de deixar um comentário abaixo se você curtiu esse post e minhas configurações do terminal e também com dicas do que eu poderia adicionar :)
Fontes:
- https://ohmyz.sh/
- https://github.com/zdharma-continuum/zinit
- https://blog.rocketseat.com.br/terminal-com-oh-my-zsh-spaceship-dracula-e-mais/
- https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH-ZSH
- https://github.com/ohmyzsh/ohmyzsh/wiki/Themes
- https://github.com/getomni/gnome-terminal/blob/main/INSTALL.md
- https://developpaper.com/iterm2-oh-my-zsh-create-comfortable-terminal-experience/
Donate to Site
Renato
Developer