
Neste tutorial fácil e didático você vai aprender como transformar seu terminal clássico em um terminal Hiper Produtivo usando Tilix + Zsh + Oh My Zsh + Plugins especiais + o tema PowerLevel10k.
Ter as ferramentas certas pode melhorar muito o seu dia a dia de Programador(a) tornando as atividades menos repetitivas e demoradas, então siga as instruções abaixo e dê um Upgrade nas suas ferramentas de programação.
Passo a Passo
Instalando o Tilix (ou terminator)
Para iniciarmos as melhorias, vamos instalar um terminal alternativo que possui algumas funções extras como abrir multíplos terminais na mesma tela, reorganizados estes terminais através de drag and drop, exibir notificações quando um comando terminou de rodar e muito mais.
Você pode escolher instalar o TIlix (disponível para linux e windows através do wsl) ou o terminator (disponível para linux, mac e windows através do wsl), ambos vão te dar essas ferramentas extras:
1 – Para instalar o Tilix facilmente no linux viste: https://gnunn1.github.io/tilix-web
2 – Caso queira instalar o terminator acesse:
a – Para Linux: https://dev.to/xeroxism/how-to-install-terminator-a-linux-terminal-emulator-on-steroids-1m3hv
b – Para Mac: https://brewinstall.org/Install-terminator-on-Mac-with-Brew
c – Para Windows via wsl: https://medium.com/@bhupathy/install-terminator-on-windows-with-wsl-2826591d2156
Instalação do Zsh + Oh My Zsh
Agora vamos instalar o Zsh (ou Z shell) que é um shell alternativo ao clássico bash, ele possui features novas em relação ao bash como suporte a plugins, suporte a temas e muito mais.
Para tirar o melhor do Zsh geralmente nós usamos o Oh my Zsh que é um framework desenvolvido pela comunidade para gerenciar as configurações do Zsh que já vem com muitos plugins e temas prontos para usar.
Instale e configure o Zsh e o Oh My Zsh seguindo os passos abaixo:
1 – No seu console rode:
1 |
sudo apt-get install zsh |
Obs: O comando é similar para outros gerenciadores de pacote
2 – Para instalar o Oh My Zsh rode no console:
Via curl:
1 |
curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh | sh; zsh |
Via wget (geralmente já vem no linux):
1 |
sh -c "$(wget -O- https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" |
3 – Para definiar o Zsh como seu shell padrão rode:
1 |
chsh -s $(which zsh) |
Instalando os Plugins
Este plugin inclui highlights no seus comandos do terminal para facilitar a digitação (exp: Ele mostra em vermelho o texto se um comando é inválido ou em verde se ele for válido)
1 – Rode no console:
1 |
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting |
2 – Abra o arquivo de configuração do zsh:
1 |
nano ~/.zshrc |
3 – Inclua dentro dos pluggins:
1 2 3 4 |
plugins=( zsh-syntax-highlighting ... ) |
4 – Reinicie o terminal.
5 – Comece a digitar um comando para ver o highlight.
Plugin fantástico para fazer a busca de arquivos por nome (ou trecho do nome) e para pesquisar comandos no histórico de comandos rodados.
1 – Rode no console:
1 2 |
git clone --depth 1 https://github.com/junegunn/fzf.git ~/.fzf ~/.fzf/install |
2 – Abra o arquivo de configuração do zsh:
1 |
nano ~/.zshrc |
3 – Inclua dentro dos pluggins:
1 2 3 4 |
plugins=( fzf ... ) |
4 – Reinicie o terminal.
5 – Digite CTRL + T e o nome do arquivo que deseja encontrar ou CTRL + R e o nome do comando do histórico que deseja encontrar.
Plugin que faz sugestões de autocomplete dos seus comandos baseado no seu histórico de comandos e nas possibilidades de preenchimento válidas para o comando que você está digitando.
1 – Rode no console:
1 |
git clone https://github.com/zsh-users/zsh-autosuggestions.git $ZSH_CUSTOM/plugins/zsh-autosuggestions |
2 – Abra o arquivo de configuração do zsh:
1 |
nano ~/.zshrc |
3 – Inclua dentro dos pluggins:
1 2 3 4 |
plugins=( zsh-autosuggestions ... ) |
4 – Reinicie o terminal.
5 – Exemplo de uso, comecei a digitar um comando que você já usa normalmente e veja que ele te dá a sugestão de autocompletar apertando a seta para a direita.
Plugin para mostrar os arquivos e diretórios da pasta atual com mais detalhes (cores, tamanho e etc).
1 – Rode no console:
1 |
git clone https://github.com/supercrabtree/k $ZSH_CUSTOM/plugins/k |
2 – Abra o arquivo de configuração do zsh:
1 |
nano ~/.zshrc |
3 – Inclua dentro dos pluggins:
1 2 3 4 |
plugins=( k ... ) |
4 – Reinicie o terminal.
5 – Exemplo de uso:
1 |
k -h |
Plugin que adiciona alguns atalhos úteis para ruby como gin (gem install) ou rb (ruby). Você pode encontrar um correspondendo para quase qualquer outra linguagem no Oh My Zsh.
1 – Abra o arquivo de configuração do zsh:
1 |
nano ~/.zshrc |
2 – Inclua dentro dos pluggins:
1 2 3 4 |
plugins=( ruby ... ) |
Incluindo o tema ()
Para finalizar as instalações vamos instalar o PowerLevel10 que é um tema Zsh extremamente fácil de configurar, elegânte, flexível e veloz. Siga os seguintes passos:
https://onebitcode.com/dating-101-after-50/
1 – Vamos instalar um pacote de fonte e icones, site o site e baixe a fonte que preferir (eu recomendo a fonte Hack): https://www.nerdfonts.com/font-downloads
2 – Extraia o conteúdo da fonte e coloque em .local/share/fonts (ou coloque no lugar específico para fontes do seu SO)
3 – Baixe o tema rodando:
1 |
git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/themes/powerlevel10k |
4 – Abra o arquivo de configuração do zsh:
1 |
nano ~/.zshrc |
5 – Atualize o campo ZSH_THEME para:
1 |
ZSH_THEME="powerlevel10k/powerlevel10k" |
6 – Logo abaixo dele inclua as novas fontes no Zsh colocando:
1 |
POWERLEVEL10K_MODE="nerdfont-complete" |
7 – Abra um novo terminal e escolha as opções de instalação desejadas.
8 – Caso deseje reconfigurar o tema, basta rodar:
1 |
p10k configure |
Ajustando no VS Code
Caso você utilize o VS Code assim como eu, vai precisar fazer um pequeno ajuste para que a fonte desejada apareça no console que vem acoplado a ele, então siga os seguintes passos:
1 – Abra o VS Code
2 – Vá em File > Preferences > Settings e pesquise por (terminal.integrated.fontFamily)
3 – Coloque no campo o nome da fonte escolhida como no exemplo:
1 |
Hack Nerd Font |
4 – Reinicie o VS Code para ver a mudança
Ajustando o comando Ruby (ou outro comando que pare de funcionar)
Como nós mudamos de shell alguns comandos podem parar de funcionar momentaneamente, caso você utilize por exemplo o Ruby (através do rvm) como eu talvez seja necessário alterar o arquivo .zshrc para incluir o caminho de execução dele, caso você tenha algum problema usando outros comandos provavelmente a solução será similar.
1 – Abra o arquivo de edição do zsh
1 |
nano ~/.zshrc |
2 – Coloque na primeira linha:
1 |
[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm" |
3 – Reinicie o terminal
4 – Pronto 🙂
Programador(a), uma pergunta importante!
Você sente verdadeiramente que é um Programador(a) completo(a)?
Por muito tempo eu fiquei em dúvida se eu estava pronto ou não e essa insegurança me levou a pesquisar profundamente sobre o que realmente é necessário para ser um programador web completo.
Depois de fazer muitos treinamentos, ler muitos livros, conversar com outros desenvolvedores, ir a eventos e até trabalhar em empresas do Brasil e do exterior foi que eu pude encontrar as bases fundamentais para ser um programador Web com confiança (sem medo de buscar jobs e assumir grandes projetos).
Eu peguei todo esse conhecimento e somei com toda a didática que eu aprendi criando cursos e tutoriais que são acessados por milhares de pessoas todos os meses e criei um treinamento chamado Programador Full Stack Javascript.
Nele eu vou te mostrar o ‘caminho das pedras’, ou seja, o essencial para você dominar a programação web, se sentir mais completo(a) e conseguir o seu tão merecido Job de respeito.
Então se você quer evoluir de verdade (sem perda de tempo), clica no link abaixo e conheça o treinamento agora.
Link: Programador Full Stack Javascript em 8 semanas ->
Conclusão
Ser produtivo como programador geralmente é a soma de três coisas, saber bem o que você precisa desenvolver, ter as habilidades necessárias e ter as ferramentas certas.
Neste Screencast você aprendeu o passo a passo para deixar o seu terminal hiper produtivo usando o Tilix (ou terminator) + Zsh + Oh My Zsh + Plugins + PowerLevel10 o que deu um upgrade nas suas ferramentas.
Para continuar melhorando seu terminal eu recomendo que você conheça mais plugins do Zsh e aprenda mais sobre as possíveis configurações do PowerLevel10, vou deixar alguns links abaixo para você fazer isto:
-
Plugins Zsh: https://github.com/ohmyzsh/ohmyzsh/wiki/Plugins
-
PowerLevel10: https://github.com/romkatv/powerlevel10k
Caso você queria tornar suas ferramentas ainda mais poderosas eu recomendo que assista nosso Screencast dominando o VS Code () onde ensinamos como seu mais produtivo no Editor de textos mais famoso entre os programadores.
Obrigado por estar com a gente programador(a),
muito bacana.
Esses recursos tem um peso significativo em memoria ou processamento??
Link 2.a esta quebrado
Continua quebrado 🙁
https://gnunn1.github.io/tilix-web/
Show de bola.
Consigo usar essa configuração no novo Windows Terminal 0.11.1191.0 – Power Shell?
Vou trabalhar com windows e não Linux.
Muito Bom Mesmo! .. thks!
Você poderia demonstrar o uso do plugin FZF dentro do vim ?