Aprenda agora a Personalizar o seu Terminal do Windows!

No dia 06 de Maio de 2019, a Microsoft trouxe em um de seus eventos Build 2019 um dos lançamentos que mais empolgaram e deixaram muita gente intrigada: Novo Terminal Windows!
E o lançamento teve direito a um vídeo muito legal mostrando as novidades desse novo Terminal:

Mas, o que o torna tão diferente do antigo? Por vários motivos! Entre eles:

• É um terminal moderno
• Rápido
• Eficiente
• Poderoso
• Suporte a inúmeras guias
• E o melhor de tudo - você pode fazer uso de linhas de comando usando: Prompt de Comando, PowerShell, Azure Cloud Shell e o WSL.

Isso mesmo! O grande diferencial desse Novo Terminal do Windows é que você pode usar todas essas linhas de comando em um único terminal!

E a parte mais interessante desse projeto é que o Novo Terminal do Windows é um projeto totalmente Open Source. Inclusive caso vocês desejam ajudar nas issues e até mesmo enviando PR's para ajudar a melhorar o produto, o repositório do Novo Terminal Windows: AQUI.

E justamente por ele ser um projeto Open Source, nos permite fazer mudanças no nosso terminal, entre eles, personalizar da melhor forma que quisermos!

Noutro dia quando estava realizando uma live no meu Canal da Twitch abri o meu Novo Terminal do Windows para executar uma tarefa e muitos me perguntaram o que eu tinha feito e como eu personalizei o meu terminal da seguinte forma:

E é justamente sobre isso que falaremos a partir de agora nesse artigo! Vamos nessa?!

Personalizando o seu Novo Terminal do Windows

Bom, para personalizar o seu Novo Terminal do Windows é preciso fazer download dele. E para isso, existem duas formas:

• Para usuários do S.O - Windows: para aqueles que usam o Sistema Operacional Windows 10, podem baixar o novo Terminal do Windows via Microsoft Store. Só que, antes de realizar o download, se faz necessário fazer a atualização do seu Sistema Operacional para que possa realizar o download sem problemas nenhum! Fica essa dica! E para quem deseja saber os requisitos para instalar o Novo Terminal Windows, segue abaixo as informações:

• Usuários Windows sem acesso ao Microsoft Store: e para aqueles que não possuem acesso ao Microsoft Store, podem realizar o download usando o link dos releases do Novo Terminal: AQUI. Nesse link possue o .exe do novo terminal para ser instalado na sua máquina!

Depois que você instala e executa pela primeira vez o seu Novo Terminal do Windows, ele abrirá, por padrão a tela do PowerShell. Porém bastam usar o comando: ctrl+shift+t que abrirá um novo profile e assim vocês poderão alterar os profiles entre: PowerShell, Ubuntu (WSL), Prompt de Comando conforme o gif abaixo:

Agora que vocês já tem instalado o Novo Terminal do Windows nas suas máquinas, agora vamos começar a personalizar ele!

Para isso abram o settings ou configurações, conforme a imagem abaixo:

Ao clicar em configurações automaticamente abrirá algum IDE da sua escolha. No meu caso, o meu abrirá no Visual Studio Code.

E é aí que toda mágina funcionará!

Mas, antes vamos entender um pouco mais esse arquivo!

Entendendo um pouco mais o arquivo settings.json

Esse arquivo é o mais importante no que diz respeito se desejamos realizar alguma personalização no nosso terminal do Windows.

Note que temos um identificador exclusivo e são gerados através de um GUID. E ele fica justo dentro de uma configuração global defaultProfile

Nessa parte, conforme a imagem acima, é tudo o que diz respeito aos keybindings ou atalhos de comando chaves para que você possa abrir o seu Novo Terminal do Windows. Inclusive, vocês podem alterar os atalhos nessa parte do código. Ajustem da melhor forma que forem para vocês!

Agora, vamos entender um pouco mais a propriedade profiles! Pois é aí que iremos começar a fazer a personalização do nosso Terminal!

Observem que dentro de profiles, possuem []. Essas chaves representam um conjunto de perfis que você pode criar no seu novo Terminal do Windows!

Se vocês desejarem entender cada respectiva propriedade de profiles, deixarei aqui a documentação explicando cada detalhe delas! AQUI

Vamos agora personalizar o nosso terminal. Para isso, para deixar o nosso terminal, por assim dizer, mais animado, em vez de usar imagens, usarei gifs! Fiquem à vontade de usarem o que vocês desejarem.

Para fins de exemplo estarei usando os gifs do artista Chris Phillips - que inclusive faz trabalhos lindíssimos e super recomendo o trabalho dele!

Vocês podem baixar qualquer gifs!

• Star Wars Fan Gif - Rebel v Vader: Direitos Autoriais da Arte: Chris Phillips

• Star Wars Fan Gif - Luke, Yoda and R2D2 in Dagobah: Direitos Autoriais da Arte: Chris Phillips

• Star Wars Fan Gif - Luke v Boba Fett: Direitos Autoriais da Arte: Chris Phillips

Passo 1: Bom, depois de fazer o download das imagens ou gifs da sua escolha, agora abram o seu VS Code e vão até a propriedade profiles e copie/cole o bloco abaixo:

{
      "acrylicOpacity": 0.75,
      "backgroundImage": "ms-appdata:///roaming/imagem-1.jpg",
      "backgroundImageOpacity": 0.75,
      "backgroundImageStretchMode": "fill",
      "closeOnExit": true,
      "colorScheme": "Campbell",
      "commandline": "cmd.exe",
      "cursorColor": "#FFFFFF",
      "cursorShape": "bar",
      "fontFace": "Consolas",
      "fontSize": 12,
      "guid": "{0caa0dad-35be-5f56-a8ff-afceeeaa6101}",
      "historySize": 9001,
      "icon": "ms-appx:///ProfileIcons/{0caa0dad-35be-5f56-a8ff-afceeeaa6101}.png",
      "name": "cmd",
      "padding": "0, 0, 0, 0",
      "snapOnInput": true,
      "startingDirectory": "%USERPROFILE%",
      "useAcrylic": true
    },

Passo 2: agora vamos alterar o GUID. É muito importante alterar o GUID para deixar uma determinada personalização de um profile específico. Para isso, indico um site que ajuda a gerar GUID's automaticamente. Vocês podem acessar AQUI. E logo após, incluam na propriedade: guid. Na propriedade icon não alterem!!!

Passo 3: agora vamos renomear o novo profile. Vá até a propriedade name e coloque o nome que você desejar. No meu caso colocarei: Cmd Baby Yoda!

• Passo 4: Vamos agora adicionar a imagem/gif que vocês escolheram. Para isso vão até a propriedade backgroundImage. O path para incluir as imagens deve ser:

> C:\Users\<nome-do-seu-computador>\AppData\Local\Packages\Microsoft.WindowsTerminal_8wekyb3d8bbwe\RoamingState

Você deve incluir nesse path conforme acima. Caso vocês tenham dúvidas ou não consigam encontrar, podem me mandar mensagem no Twitter que estarei ajudando a todos(as) vocês!

Se vocês abrirem o terminal já virão algo no Terminal:

Passo 5: observem que a imagem pode atrapalhar na hora de usar o terminal. Vamos agora fazer os ajustes finais para concluir a personalização do nosso terminal. E alteram as seguintes propriedades (dentro de profiles):

• settings.json

"acrylicOpacity": 0.85000002384185791,
"background": "#17191b",
"backgroundImageOpacity": 0.2,
"backgroundImageStretchMode": "uniformToFill",
"closeOnExit": false,
"cursorColor": "#66CDAA",
"cursorHeight": 25,
"cursorShape": "vintage",
"fontFace": "Fira Code",
"useAcrylic": false

Notem que eu alterei a cor do meu cursor, de acordo com a cor do meu gif, alterei para false a propriedade useAcrylic, a propriedade backgroundImageStretchMode é muito importante, pois ele ajudará a fazer o devido ajuste da imagem no terminal e também alteramos a propridade acrylicOpacity.

Em relação a Font ter colocado Fira Code, fica a critério de vocês. Eu gosto demais de usar a fonte Fira Code. Mas, caso vocês desejam instalar a Fira Code para incluir no Terminal de vocês, bastam acessar esse repositório AQUI e seguir todas as instruções.

Bom... feito essas mudanças o seu terminal deve estar parecido como o gif abaixo:

Lindo demais não é mesmo?!

Novamente, se vocês quiserem entender um pouco mais sobre cada propriedade do arquivo settings.jsons, recomendo a leitura da documentação oficial do Novo Terminal do Windows.

Em breve estarei fazendo um vídeo desse artigo explicando outros detalhes do Novo Terminal do Windows!

Palavras Finais

O Novo Terminal do Windows veio para revolucionar e mostrar que a Microsoft mudou e muito. Principal por deixar um dos projetos mais antigos da empresa ser um projeto open source onde qualquer Pessoa Desenvolvedora podem ir até o repositório e abrir issues ou até mesmo enviar Pull Requests de melhorias ou features!

Com isso, podemos dizer que: Microsoft ❤️ Open Source!

Estarei disponibilizando alguns recursos e cursos grátis do Microsoft Learn se vocês desejam aprender um pouco mais sobre:

• ✅ Documentação Oficial Terminal do Windows
• ✅ Novidades sobre o Terminal do Windows
• ✅ Criando um site simples usando HTML, CSS e JavaScript
• ✅ Criando aplicativos JavaScript com Node.js
• ✅ Publicando um aplicativo JavaScript do Angular, React, Svelte ou Vue com os Aplicativos Web Estáticos do Azure
• ✅ Desenvolvendo aplicativos Web com o Visual Studio Code
• ✅ Introdução ao GitHub

E para ficarem por dentro de várias outras novidades, não deixem de me seguir lá no twitter!

Nos vemos! Até a próxima pessoal! 😍