Controle de versão no código do Visual Studio com o Git [Guide]

Suporte Integrado ao Git é um dos maiores recursos do Visual Studio Code, o novo editor de código-fonte da Microsoft. Git é um sistema de controle de versão distribuída, que permite rastrear seu trabalho, alternar entre versões e trabalhar em diferentes filiais ao mesmo tempo. Ele também é usado pelo Github, o popular serviço de hospedagem de repositório Git.

Código do Visual Studio suporta o Git por padrão, o que significa que você não precisa instalar nenhum pacote ou extensão para usá-lo. A barra lateral contém um Git Ver você pode abrir rapidamente clicando no Git ícone na Barra de Visualização (consulte as partes do Código VS) ou pressionando a tecla Ctrl + Shift + G.

Instalar o Git

Como o código do Visual Studio usa a instalação do Git do seu computador, Primeiro você precisa instalar o Git. Você pode baixá-lo rapidamente do site oficial do Git. Você precisa instalar finalmente versão 2.0.0 fazer com que os recursos do Git do VS Code funcionem corretamente.

Embora o Visual Studio Code permita que você gerenciar o Git visualmente, Se você também quiser aprender como usar o Git na linha de comando, aqui estão alguns recursos úteis:

• Tutorial do Git interativo do Github
• Tutorial do Atlassian's Git - A Atlassian é a empresa por trás da plataforma de hospedagem de código fonte do Bitbucket (semelhante ao Github)
• Atlassian's Git Cheat Sheet (PDF) - este é o caminho mais rápido se você já usou o Git, mas não se lembra de um ou dois comandos
• Todo o manual do Pro Git

Inicialize seu repositório

Se o seu espaço de trabalho ainda não é rastreado pelo Git, primeiro você precisa inicializar um novo repositório. Para fazer isso, clique no botão Initialize git repository na Git View.

O VS Code criará um .git pasta dentro do seu espaço de trabalho (você não pode ver isso no VS Code, pois é um diretório oculto, mas você pode encontrá-lo em seu gerenciador de arquivos na pasta raiz do seu projeto), e ele também adicione seus arquivos não acompanhados à barra lateral.

Mudanças no Estágio

Depois que seu repositório Git estiver configurado, é hora de crie seu commit inicial (um commit é um estado gravado de todo o seu repositório para o qual você pode voltar mais tarde). Antes de cometer, você precisa adicionar os arquivos que deseja acompanhar com o Git na área de preparação, ou em outras palavras, você precisa encenar as mudanças. Clique no botão + que aparece ao passar o mouse ao lado de cada arquivo para posicioná-los.

Depois de clicar nos arquivos que você deseja encenar, o Visual Studio Code move-se do Alterar pasta para o Mudanças organizadas pasta, isso significa que agora eles estão na área de preparação. Se você quiser encenar todos os seus arquivos de uma só vez, há um botão + ao lado do Alterar subtítulo também (aparece em passar o mouse), e clique nele.

Confirmar alterações

Alterações em etapas ainda não foram registradas, você também precisa cometê-los, para que mais tarde você possa dar uma olhada ou voltar para o estado atual do seu repositório. Para cometer as alterações em etapas, você precisa adicionar uma mensagem de confirmação que descreve as alterações feitas desde sua confirmação anterior.

Como no nosso exemplo, este será o commit inicial, vamos usar o striking “Initial Commit” mensagem. Digite sua mensagem de commit na barra de entrada na parte superior da barra lateral e clique em no ícone pequeno carrapato. Agora você está pronto com o seu primeiro commit, o estado inicial do seu repositório é gravado.

O seu diretório de trabalho do Git está limpo, todas as mudanças feitas até agora são rastreadas, e sua visão do Git diz que há 0 mudanças (sempre se compara ao último commit). Se você fizer novas alterações em sua área de trabalho, as novas alterações aparecerão novamente na barra lateral e você precisará cometê-los novamente uma vez que eles atingiram o valor que vale a pena cometer.

Na captura de tela abaixo, você pode ver como seu editor de código precisa parecer logo após cometer.

Siga as alterações

Quando você continuar seu trabalho, se não tiver certeza sobre como a versão atual se compara ao seu último commit, você pode verificar rapidamente as diferenças. Na Git View, você só precisa clique duas vezes no arquivo que você deseja analisar, e o Código VS mostrará as versões atual e anterior lado a lado, para que você possa compare-os rapidamente.

Ao falar sobre as seguintes alterações, também é importante saber sobre o código do Visual Studio indicadores de calha Anote as alterações em relação ao seu commit anterior, mesmo quando a vista lado a lado não estiver aberta. Usos do Código VS 3 tipos de indicadores de calha:

1. uma triângulo vermelho para cada exclusão de linha
2. uma barra verde para cada adição de linha
3. uma barra azul para cada modificação de linha

Crie filiais

Git permite que você trabalhar em diferentes ramos ao mesmo tempo. Isso não é bom apenas para experimentar novas soluções, mas também pode facilitar significativamente o trabalho em equipe, onde os desenvolvedores podem trabalhar em diferentes agências (no entanto, isso não é obrigatório, pois eles também podem permanecer no mesmo ramo).

No Visual Studio Code, você pode criar novos ramos abrindo a paleta Quick Open pressionando Ctrl + P (Cmd + P no Mac), depois digitando o git branch comando na barra de entrada. Você também precisa adicionar o nome de sua nova ramificação ao final do comando.

Como o nome do novo ramo em nosso exemplo será ramo de teste, Vou usar o ramo de teste de ramo git comando, mas você pode usar qualquer outro nome. No lado esquerdo da barra de status (barra azul na parte inferior da tela) você pode sempre verificar rapidamente em qual ramificação você está trabalhando atualmente. Na imagem abaixo, você pode ver que eu estou atualmente no mestre ramo.

Filiais de check-out

Para alternar entre filiais, tipo git checkout na paleta Quick Open (Ctrl + P / Cmd + P), e você pode escolher entre as suas ramificações disponíveis. Na imagem abaixo, você pode ver na barra de status que eu estou atualmente no ramo chamado teste (Eu criei depois ramo de teste), e se eu quiser mudar para um ramo diferente, agora posso selecionar mestre e ramo de teste filiais.

Use os Comandos Git da Paleta de Comandos

Você pode acessar os comandos do Git a partir da Paleta de Comandos (F1 no Windows e Linux, Shift + Cmd + P no Mac) também. Você não precisa fazer mais nada, basta digitar o comando Git dentro da Paleta de Comandos, e você terá uma lista suspensa dos comandos disponíveis que você pode escolher rapidamente.

Operações Avançadas do Git

Até agora, vimos como usar as operações básicas do Git no Visual Studio Code para rastrear nosso trabalho. O VS Studio Code também possui recursos avançados do Git, como gerenciamento de repositórios remotos, conflitos de mesclagem, e você pode até mesmo configurar o VS Code como seu editor Git externo..

O Visual Studio Code Marketplace também contém extensões relacionadas ao Git que podem tornar seu fluxo de trabalho Git ainda mais profissional.

Eu mesmo achei a extensão do Git History muito útil, já que ela possibilita dar rapidamente uma olhada nos detalhes de cada commit, e comparar quaisquer dois commits anteriores lado a lado. Você também pode ler a extensão do Git History em meu artigo anterior sobre extensões do VS Code para desenvolvedores front-end.