Como usar o Bitbucket com o Visual Studio Code

Editado 2 Semanas atrás por ExtremeHow Equipe Editorial

BitbucketVisual Studio CodeIntegraçãoDesenvolvimentoIDEEditor de códigoGitControle de VersãoSoftwareProgramação

Introdução

Integrar o Bitbucket com o Visual Studio Code (VS Code) é uma maneira poderosa de gerenciar seu código-fonte diretamente do seu editor de código favorito. O Bitbucket é um serviço de hospedagem de repositório de controle de versão baseado na web que oferece suporte para Mercurial e Git. O Visual Studio Code é um editor de código leve que roda na sua área de trabalho e está disponível para Windows, macOS e Linux.

Neste guia abrangente, apresentaremos os passos necessários para usar o Bitbucket com o Visual Studio Code. Abordaremos a configuração de um repositório no Bitbucket, cloná-lo usando o VS Code e realizar tarefas comuns de controle de versão. Ao final deste guia, você terá uma compreensão sólida de como essas ferramentas funcionam em conjunto para aprimorar seu fluxo de trabalho de codificação.

Pré-requisitos

Antes de começarmos, certifique-se de ter o seguinte instalado em sua máquina de desenvolvimento:

• Git: Um sistema de controle de versão distribuído. Certifique-se de poder acessá-lo a partir da linha de comando.
• Visual Studio Code: Baixe e instale a versão mais recente do site oficial.
• Conta Bitbucket: Cadastre-se em uma conta do Bitbucket se ainda não tiver uma.

Passo 1: Criar um repositório no Bitbucket

Para começar a usar o Bitbucket com o Visual Studio Code, você precisa criar um repositório no Bitbucket onde seu código será armazenado.

1. Faça login na sua conta Bitbucket e clique em Criar Repositório.
2. Insira os detalhes do repositório:
   • Nome do repositório: Este é o nome do seu projeto.
   • Nível de acesso: Decida se seu repositório deve ser público ou privado.
   • Sistema de controle de versão: Escolha Git (a opção mais popular).
3. Clique em Criar repositório.

Agora o seu repositório está pronto no Bitbucket.

Passo 2: Instalar a extensão Bitbucket no VS Code

Para uma integração perfeita, instale a extensão Bitbucket no Visual Studio Code:

1. Abra o Visual Studio Code e vá para as Extensões clicando no ícone de extensões na barra de atividades ao lado da janela ou usando o atalho Ctrl + Shift + X no Windows ou Cmd + Shift + X no macOS.
2. Encontre Bitbucket no Extensions Marketplace.
3. Encontre a extensão que você precisa (como Bitbucket da Atlassian) e clique em Instalar.

Após a instalação, reinicie o VS Code para ativar a extensão.

Passo 3: Clonar seu repositório no Visual Studio Code

Clonar seu repositório Bitbucket no Visual Studio Code é um passo necessário para trabalhar com seu projeto localmente.

1. No seu repositório Bitbucket, encontre o botão Clonar e clique nele. Copie o URL fornecido; ele deve ser semelhante a https://bitbucket.org/usuario/nome-repo.git.
2. Abra o Visual Studio Code e escolha Ver > Paleta de Comandos ou use o atalho Ctrl + Shift + P no Windows ou Cmd + Shift + P no macOS.
3. Digite Git: Clone na paleta de comandos e pressione Enter.
4. Cole o URL do repositório copiado do Bitbucket no campo de entrada e pressione Enter.
5. Escolha um diretório local para armazenar o repositório clonado. Após escolher o diretório, seu workspace será aberto com o repositório clonado.

Passo 4: Executar operações Git no Visual Studio Code

Depois de configurar seu repositório, você pode realizar operações Git diretamente no Visual Studio Code. Veja como você pode fazer alterações, confirmá-las e enviá-las para o Bitbucket:

Fazendo alterações e confirmando

1. Abra qualquer arquivo no seu repositório e faça algumas alterações nele. Salve o arquivo após a edição.
2. Mude para o Controle de Fonte clicando no ícone de Controle de Fonte (que se parece com um galho) na barra de atividades.
3. Você verá uma lista de arquivos com alterações. Para estagiar suas alterações, clique no ícone + ao lado do arquivo ou clique em Estagiar Todas as Alterações no topo.
4. Forneça uma mensagem de commit na caixa de mensagem que descreva suas alterações.
5. Clique em Confirmar para salvar suas alterações no repositório local.

Avançando alteração

1. Para enviar suas alterações para o Bitbucket, clique nos três pontos de reticências na visão de Controle de Fonte e selecione Enviar.
2. Insira suas credenciais do Bitbucket se solicitado. Isso enviará suas alterações confirmadas para o servidor Bitbucket.

Aproximando mudança

Se o repositório remoto tiver atualizações que você deseja incluir no seu repositório local, você precisa puxar essas alterações:

1. Na visão de Controle de Fonte, clique nos três pontos de reticências e selecione Puxar.
2. Se não houver conflitos de mesclagem, as alterações remotas serão aplicadas ao seu repositório local.

Passo 5: Ramificação no Visual Studio Code

As ramificações permitem que você trabalhe em diferentes recursos ou melhorias sem afetar a linha principal de desenvolvimento (geralmente chamada de branch master ou main). O Visual Studio Code facilita a criação de ramificações.

1. Na visão de Controle de Fonte, clique no nome da ramificação na parte inferior da janela do VS Code.
2. Selecione + Criar nova ramificação... e forneça um nome para a nova ramificação.
3. Após criada, sua nova ramificação se tornará a ramificação ativa, e quaisquer alterações que você fizer serão aplicadas a esta ramificação.
4. Para mudar de ramificações, clique no nome da ramificação atual novamente e selecione uma ramificação diferente da lista.

A ramificação permite que você isole seu trabalho dos outros até que esteja pronto para mesclar.

Passo 6: Gerenciando conflitos de mesclagem

Às vezes, quando alterações feitas em ramificações locais também são modificadas no repositório remoto, surgem conflitos. Veja como gerenciar conflitos de mesclagem:

1. Quando você faz alterações que entram em conflito com alterações locais, o Visual Studio Code o notificará sobre o conflito.
2. Abra o arquivo conflitante. O VS Code mostra marcadores para conflitos, exibindo informações como <<<<<<< HEAD e <<<<<<< Nome_Ramificação.
3. Decida se deseja manter as próximas alterações, as alterações existentes ou ambas. Edite o arquivo para refletir a resolução.
4. Após resolver os conflitos, estagie os arquivos clicando no ícone + ao lado da ramificação que você resolveu.
5. Apresente sua solução na visão de Controle de Fonte.

Agora a fusão foi concluída sem qualquer disputa.

Passo 7: Configurando definições e integrações

O Visual Studio Code oferece muitas opções de configuração para personalizar sua experiência com o Git. Você pode integrar ferramentas e plugins adicionais para maior produtividade.

• Acesse as configurações via Arquivo > Preferências > Configurações no Windows ou Código > Preferências > Configurações no macOS.
• Use extensões como GitLens para aprimorar suas capacidades no Git com recursos avançados como busca de commits e histórico visual.

Conclusão

Ao seguir este guia, você deve agora ter um fluxo de trabalho totalmente operacional aproveitando tanto o Bitbucket quanto o Visual Studio Code. Essas ferramentas, quando usadas em conjunto, proporcionam um ambiente eficiente e eficaz para gerenciar código-fonte em qualquer projeto de desenvolvimento de software. Pratique regularmente e consulte recursos da comunidade para melhorar ainda mais seu domínio dessas técnicas. Lembre-se, a chave para a proficiência em trabalhar com controle de versão e editores é o uso constante e a exploração.

  Compartilhe Este Artigo

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