Integração do Visual Studio Code (VS Code) com o Git Source Control

Integração do Visual Studio Code (VS Code) com o Git Source Control

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Este artigo explora a integração do Visual Studio Code ao Git Source Control.

Introdução

O Visual Studio Code é um editor popular para dar suporte a várias atividades de desenvolvimento, linguagens de programação. Você pode começar a explorá-lo consultando o artigo Introdução ao código do Visual Studio (código VS).

O Git é uma plataforma de controle de origem e ajuda no gerenciamento das atividades de desenvolvimento. Ele tira instantâneos do seu sistema de arquivos e salva o estado do projeto em um instantâneo. Ele mantém o fluxo de capturas instantâneas à medida que o arquivo muda com o tempo.

Nos artigos abaixo, exploramos a funcionalidade útil do Git no Azure Data Studio.

Controle de origem usando Git no Azure Data Studio (ADS)

  • Ele fornece uma visão geral do Git, juntamente com sua instalação, configuração no Azure Data Studio
  • Ele também explora a inicialização de um repositório, confirma e a linha do tempo das alterações

Integrando o Azure Data Studio ao Git e GitHub

  • Integração do repositório da web Git e GitHub
  • Abrange a sincronização entre o Git e o GitHub no modo bidirecional

Trabalhando com componentes Git no Azure Data Studio

  • Explica o fluxo de dados entre a área de armazenamento temporário, a árvore de trabalho e o repositório
  • Explicar alguns comandos Git úteis em um terminal

Neste artigo, exploraremos a integração do Git no código do Visual Studio e seus recursos úteis

Código do Visual Studio e controle de origem Git

O código VS contém controle de fonte Git integrado. Ele também oferece suporte a vários outros controles de origem, como repositórios do Azure, Perforce, TFS e SCM usando extensões.

Inicie o código VS e, no menu à esquerda, clique no ícone Source Control do Git. Ele oferece duas opções – Open Folder e Clone Repository.

Código do Visual Studio e controle de origem Git

Podemos abrir uma pasta de repositório git ou clonar a partir de uma URL do GitHub. Já configuramos um repositório GitHub no artigo anterior. Portanto, em vez de criar um novo repositório, vamos clonar o repositório do GitHub no VS Code.

Leia Também  Como usar o CrystalDiskMark 7 para testar o armazenamento do seu SQL Server

Primeiro, faça login no seu perfil do GitHub, visualize os arquivos nele e copie a URL do repositório.

Perfil do GitHub

No código VS, clique no ícone Repositório de clones. Ele solicita o URL do GitHub, cola o URL e clica no ícone Clone do URL.

Repositório de clones

Em seguida, solicita a pasta no seu sistema local. O VS Code copiará os scripts do repositório GitHub para o repositório VS Code Git.

Diretório local para Git

Clique no Selecione Local do Repositório. Você recebe um prompt enquanto ele clona o repositório a partir da URL do GitHub que você especificou.

Selecionar local do repositório

Depois que o processo de clonagem é concluído, ele pergunta: você deseja abrir o repositório clonado?

Repositório aberto

Clique em Abrir para visualizar todos os arquivos no repositório de códigos VS. Você pode comparar o repositório do VS Code e o repositório do GitHub.

Exibir scripts no código VS

Ações da barra de status do Git

Na barra de status do Git, você obtém os seguintes indicadores.

  • Ramo: Mostra o ramo Git. Por padrão, ele usa uma ramificação principal para todos os scripts e alterações
  • Sincronizar: Você pode clicar no Sincronizar alterações indicador para sincronizar o repositório de código do VS com a ramificação upstream. Ele puxa as alterações remotas para o repositório local do Visual Studio Code. Da mesma forma, se você executou alguma alteração no repositório local, ele envia as alterações de volta para a ramificação do GitHub
  • Erros e aviso: Se o seu código contiver algum erro ou aviso no script, esses indicadores destacam

Por exemplo, cometi um erro de sintaxe no script SQL de propósito. Destaca o mesmo no indicador. Você pode clicar no indicador para visualizar os erros em uma janela separada, como mostrado abaixo.

Ações da barra de status do Git

Indicadores da calha

Depois que fazemos as alterações nos scripts do repositório Git, o VS Code adiciona anotações na calha e na régua de visão geral.

  • Um triângulo vermelho é para as linhas excluídas
  • Uma barra verde para os arquivos adicionados recentemente
  • Uma barra azul é para as linhas modificadas

Indicadores da calha

Da mesma forma, também mostra os indicadores na régua de visão geral.

Leia Também  Executando um Big Data Cluster do SQL Server 2019 no VMware vSphere |

Régua de visão geral

A calha ajuda a identificar o código que foi modificado, excluído ou inserido. Por exemplo, clique no triângulo vermelho e ele mostra a linha excluída do código. Suponha que você tenha percebido que alguém excluiu a linha por engano. Você também pode reverter as alterações.

Veja os detalhes de Gutter

Clique no Reverter alteração ícone, como mostrado na imagem a seguir.

Reverter ícone de alteração

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Da mesma forma, você pode clicar na barra verde ou azul para ver as alterações feitas no script.

Ver as alterações

Visualização de diferenças

O VS Code também fornece a funcionalidade para executar uma diferença nos arquivos de consulta. Normalmente, você baixa uma ferramenta de terceiros separada para comparar as duas versões diferentes de um script. Ele compara as alterações de script com o último arquivo de confirmação em um repositório Git e fornece comparações visualmente. Isso poupa seus esforços para copiar o código em uma ferramenta separada, faça as comparações e volte ao Código VS para obter mais alterações no script.

Para visualizar a demonstração desse recurso, abra qualquer script no repositório Git e faça as alterações. Na captura de tela a seguir, observe o seguinte:

  • Poucas linhas de código são removidas após a última confirmação. Mostra essas linhas no fundo vermelho
  • Poucas linhas de código permanecem inalteradas. Não coloca nenhuma cor de fundo para essas linhas
  • Poucas linhas de código são inseridas recentemente após a última confirmação. Você pode ver um fundo verde para essas linhas

Visualização de diferenças

Janela de saída Git

Você pode estar interessado em aprender os comandos Git que estão executando as tarefas para você depois de clicar em qualquer opção no controle de origem Git no Código do Visual Studio. O VS Code fornece uma janela de saída git e mostra os comandos que ele está usando. Ajuda a aprender a linguagem e os comandos do Git.

No código VS, navegue até Command Palette -> Git: Show Git Output.

Janela de saída Git

Ele abre outra janela para a saída do Git e você pode ver todos os comandos em tempo real.

Exibir comandos na saída git

Extensões Git

O VS Code fornece várias extensões para estender a funcionalidade do controle Git Source. Você pode instalar essas extensões git no mercado do VS Code.

Leia Também  Rastrear sinalizadores que agora são comportamentos padrão no SQL Server - Uma foto do SQLEspresso

Clique no ícone Extensões no menu e procure a palavra-chave Git. Ele mostra todas as extensões relacionadas na lista.

Extensões Git

Poucas extensões úteis para o controle de fonte Git são as seguintes.

Git Blame

A culpa do Git fornece informações sobre a pessoa que modificou o código na barra de status. Suponha que alguém alterou o código intencionalmente, e você deseja saber sobre a pessoa e quando ele foi alterado. A culpa do Git mostra as informações, como mostrado abaixo. Seu objetivo é mantê-lo ciente das alterações, e você pode fazer as perguntas para o desenvolvedor em caso de problemas.

Git Blame

História do Git

Você pode explorar o histórico de um arquivo, autor, ramificação no modo GUI usando a extensão do histórico do Git. Você também pode procurar um termo. Ele fornece informações adicionais, histórico de consolidação, ações de ramificação, comparação de ramificações e compara confirmações.

Você pode instalar a extensão Git History e iniciá-la na VS Code Command Palette. Você obtém as seguintes opções na paleta de comandos.

  • Exibir histórico do Git
  • Ver histórico de arquivos
  • Ver histórico de linhas

História do Git

Digamos que exigimos informações sobre uma linha específica da história.

Detalhes da história do Git

A linha destacada é para adicionar o script adicional. Clique no nome do arquivo e você obtém opções adicionais, como exibir o conteúdo do arquivo, comparar arquivos com o espaço de trabalho, comparar com versões anteriores ou visualizar o histórico do arquivo.

Exibir opções de script

Se você clicar em comparar o arquivo com a versão anterior, ele abrirá o script atual e sua comparação com a versão anterior.

Compare o arquivo

Conclusão

Neste artigo, exploramos a integração do controle de origem Git no Visual Studio Code. Ele fornece recursos úteis de editor para a extensão Git. Continuaremos explorando o Git nos próximos artigos.

Rajendra Gupta
Últimas mensagens de Rajendra Gupta (ver todos)