VSCode + GitHub: Como otimizar seu workflow
Motivações
editarAdministrar um repositório no GitHub pode ser uma tarefa confusa, principalmente em grandes projetos, com muitas branches e muitos colaboradores. Essas dificuldades podem aparecer principalmente quando não utilizamos nenhum tipo de ajuda visual, contando apenas com o uso de uma IDE e o terminal. Considerando que alterações mal feitas podem impactar profundamente o andamento de um projeto, é preciso ter certeza daquilo que está sendo feito.
Diante dessa problemática, surgiram diversas ferramentas que auxiliam nesse processo, que tornam o controle de versão algo mais simples e intuitivo, como o aplicativo GitHub Desktop e extensões para o VSCode e outras IDEs.
GitHub Desktop
editarDescrição
editarO GitHub Desktop é um aplicativo gratuito e open-source desenvolvido pela equipe do GitHub. Seu principal objetivo é oferecer uma GUI para interagir com o GitHub ao invés de usar um navegador ou o terminal.
Instalação
editarA aplicação pode ser instalada aqui. Está disponível para Windows e MacOS oficialmente.
Benefícios
editar- Bom para iniciantes: A interface gráfica é capaz de simplificar comandos e permite visualizar as mudanças que serão realizadas, ideal para aqueles que ainda não estão familiarizados com o Git ou GitHub.
- Encontre comandos: Graças à interface visual do GitHub Desktop, é possível utilizar comandos que não são muito comuns, como escolher quais mudanças serão incluídas ou adicionar um co-autor em um commit. Isso tudo pode ser feito sem a necessidade de decorar uma sintaxe complicada.
- Encoraja boas práticas: O aplicativo ajuda a criar um histórico de commits que seja preciso e fácil de acompanhar, de modo que outros colaboradores do projeto possam revisar seu trabalho com facilidade.
Algumas funcionalidades
editar- Visualização de diferenças com marcação de sintaxe: É possível analisar a diferença entre duas versões de arquivos com marcação de sintaxe para diversas linguagens, facilitando a leitura.
- Integração com shell e editores: É possível acessar facilmente seu shell ou editor preferido diretamente do aplicativo ou voltar para ele rapidamente pelo shell.
- Visualização de diferença de imagens avançada: O programa oferece ferramentas que permitem comparar a diferença entre imagens de maneira fácil, como olhando o antes e depois, deslizando ou fundindo as duas, ou apenas olhando as partes alteradas.
GitLens
editarDescrição
editarGitLens é uma extensão gratuita, mas com alguns recursos pagos, para o VSCode desenvolvida pela GitKraken. Esse recurso propõe-se a enriquecer a IDE fornecendo informações adicionais sobre o repositório que está sendo trabalhado, sem a necessidade de sair do editor.
Instalação
editarA página do GitLens pode ser acessada aqui ou diretamente da aba de extensões do VSCode.
Algumas funcionalidades
editar- Autoria de código: Ao passar o mouse sobre uma linha, podemos observar quem realizou a última edição sobre ela, quando, qual foi a mensagem do commit, entre outras informações.
- Anotações em arquivos: É possível ativar opções que mostram a autoria dos conteúdos de um arquivo, mudanças recentes e um mapa de calor. As anotações são indicadas diretamente no editor.
- Histórico de um arquivo: A extensão permite visualizar todas as últimas versões de um arquivo, observando quais foram as diferenças de uma para outra.
Git Graph
editarDescrição
editarGit Graph é uma extensão gratuita para o VSCode desenvolvida pelo usuário mhutchie. A extensão permite visualizar um gráfico que detalha seu repositório e ainda permite realizar ações a partir dele.
Instalação
editarA página do Git Graph pode ser acessada aqui ou diretamente da aba de extensões do VSCode.
Algumas funcionalidades
editar- Visualizar o gráfico: É possível visualizar um gráfico que apresenta todas as branches, mostrando como foram alteradas, por quem e quando, e apresenta também mudanças que ainda não passaram por um commit.
- Comandos: A extensão permite executar comandos do Git, como criar e deletar branches, diretamente do gráfico.