Como usar Git no Visual Studio Code

Editado 1 Uma semana atrás por ExtremeHow Equipe Editorial

GitVisual Studio CodeIDEIntegraçãoPluginsExtensãoFluxo de TrabalhoDesenvolvimentoEditorProdutividade

Git é um sistema de controle de versão popular amplamente utilizado no desenvolvimento de software. Ele ajuda a rastrear mudanças no código, colaborar com outros desenvolvedores e gerenciar diferentes versões de um projeto. O Visual Studio Code (VS Code) é um editor de código poderoso e leve desenvolvido pela Microsoft, com suporte integrado para Git. Neste guia, vamos detalhar como usar Git no Visual Studio Code, discutindo várias funcionalidades e recursos que você pode usar em seu fluxo de trabalho de desenvolvimento.

Configurando o Git no Visual Studio Code

Antes de começar a usar Git no Visual Studio Code, é necessário instalar o Git no seu computador. Se ainda não o instalou, você pode baixá-lo do site oficial do Git e instalá-lo seguindo as instruções lá disponíveis. Após a instalação, é importante configurar suas configurações do Git.

Configurando o Git

Uma vez que o Git esteja instalado, você precisará configurar seu nome de usuário e email. Estes são usados nas informações de commit para identificar o autor das alterações. Abra seu terminal ou prompt de comando e insira o seguinte comando:

git config --global user.name "seu nome"
git config --global user.email "seuemail@exemplo.com"

Abrindo o VS Code e integração com Git

Inicie o Visual Studio Code. Você verá o ícone de Controle de Fonte na Barra de Atividades à esquerda (este ícone se parece com um ramo dividido com pontos). Clique nele para abrir a visualização de Controle de Fonte. Se você tiver uma pasta aberta no VS Code que já é um repositório Git, ele detectará automaticamente todos os repositórios disponíveis. Se ainda não for um repositório, você pode inicializá-lo diretamente do editor.

Inicializar o repositório

Para inicializar um repositório Git em seu projeto existente, clique no botão "Inicializar Repositório" na visualização de Controle de Fonte. Isso criará um novo repositório Git em seu espaço de trabalho, e você verá uma pasta '.git' adicionada ao seu diretório de projeto. Essa pasta contém todas as metadados que o Git usa para rastrear seu projeto.

Comandos básicos do Git no Visual Studio Code

Uma vez que seu repositório esteja inicializado, você pode começar a usar os comandos do Git diretamente na interface do usuário do Visual Studio Code. Vamos ver algumas operações básicas do Git, como estagiar, cometer e enviar mudanças.

Alterações no estágio

Após fazer mudanças em seus arquivos, você verá o VS Code exibir uma lista de arquivos novos ou modificados na visualização de Controle de Fonte. Essas alterações devem ser estagiadas antes de cometer. Para estagiar as alterações, passe o mouse sobre o arquivo e clique no ícone “+” que aparece, também conhecido como opção 'Estagiar Arquivo'. Isso adiciona as alterações à área de estágio. Alternativamente, você pode usar o comando git:

git add <filename>

Cometendo a mudança

Depois de estagiar suas alterações, você precisa cometê-las. Na visualização de Controle de Fonte, você encontrará uma caixa de texto no topo onde você pode digitar sua mensagem de commit. Esta mensagem deve ser descritiva o suficiente para explicar a natureza das mudanças. Após digitar a mensagem, clique no ícone de marca de seleção para cometer as alterações. Cometendo via linha de comando ficará assim:

git commit -m "Sua mensagem de commit está aqui"

Avançando a mudança

Depois que você fizer mudanças, elas são armazenadas localmente e ainda não são enviadas para nenhum repositório remoto. Para atualizar repositórios remotos com seus commits, você pode enviá-los. Certifique-se de que seu repositório esteja conectado a um servidor remoto como GitHub, GitLab, etc. Você pode enviar mudanças clicando no menu "..." na visualização de Controle de Fonte e selecionando "Push" da lista, assumindo que já tenha conectado seu repositório a um remoto. Caso contrário, você pode configurar um remoto usando o seguinte:

git remote add origin <remote_url>
git push -u origin master

Trabalhando com branches

Branches no Git são como linhas separadas de desenvolvimento. Você pode trabalhar em diferentes partes do seu projeto simultaneamente, sem interferir na base de código principal. O VS Code permite fácil gerenciamento de branches através de sua interface.

Criando um novo branch

Para criar um novo branch, vá para a visualização de Controle de Fonte, clique no menu "..." e escolha "Branch" > "Create Branch". Insira o nome do seu novo branch quando solicitado. Você também pode usar a linha de comando para criar um branch:

git branch <branch_name>
git checkout <branch_name>

Mudança de branches

Se você quiser mudar para outro branch, use o controle suspenso no canto inferior esquerdo do VS Code que lista todos os branches. Selecione o branch que você deseja mudar. Através da linha de comando, isso pode ser feito da seguinte forma:

git checkout <branch_name>

Lidando com conflitos de merge

Às vezes, ao trabalhar em branches, você pode encontrar conflitos de merge. Estes ocorrem quando mudanças em diferentes branches entram em conflito umas com as outras. Com a ajuda do Visual Studio Code, você pode resolver conflitos de merge usando as ferramentas integradas do editor.

Identificando conflitos de merge

Durante o merge, se houver algum conflito, a saída do Git no VS Code notificará você. Arquivos em conflito serão destacados na visualização de Controle de Fonte, e marcadores de conflito aparecerão dentro do editor quando você abrir o arquivo conflitante.

Resolvendo conflitos de merge

O VS Code oferece opções como "Aceitar alterações atuais", "Aceitar alterações recebidas", "Aceitar ambas as alterações" e edição manual para resolver conflitos. Selecione adequadamente conforme suas necessidades.

Trabalhando com o remoto

Remotos são versões do seu projeto que estão hospedadas em algum lugar na Internet ou rede. Você pode colaborar com outros de forma mais eficiente usando repositórios remotos hospedados no GitHub ou GitLab.

Adicionando um repositório remoto

Para adicionar um repositório remoto ao seu projeto local, você precisará de sua URL. Use o comando a seguir para adicionar o remoto:

git remote add origin <remote_url>

Certifique-se de substituir `<remote_url>` pela URL real do seu repositório remoto.

Buscar e arrastar do remoto

Quando você quiser atualizar seu repositório local com alterações remotas, use os comandos fetch e pull. Buscar permite que você veja o que outros cometeram (sem mudar seus arquivos locais), enquanto o pull busca e mescla as alterações:

git fetch
git pull

Conclusão

Dominar o Git no Visual Studio Code pode agilizar significativamente seu processo de desenvolvimento, pois fornece uma integração perfeita das funcionalidades de controle de versão diretamente em um dos editores de código mais populares. Seja você um iniciante no controle de versão ou esteja procurando otimizar seu fluxo de trabalho atual, usar o Git com o VS Code oferece uma série de recursos e comandos para ajudá-lo a gerenciar seus projetos de forma eficaz.

À medida que você continua a explorar o Git através do Visual Studio Code, lembre-se de que praticar constantemente os comandos e familiarizar-se com a interface aumentará sua proficiência. Usar o Git de forma eficaz permite uma colaboração perfeita e uma abordagem mais organizada ao desenvolvimento de software, dando-lhe melhor controle sobre sua base de código.

  Compartilhe Este Artigo

Se você encontrar algo errado com o conteúdo do artigo, você pode solicitar uma atualização