Hoje vou demonstrar como usar o VSCode com Git para versionar códigos fontes.
Git basicamente é um tipo de versionamento de arquivos, bastante usado pela comunidade.
Já GitHub, BitBucket entre outros, são empresas ou ferramentas que fornecem a solução Git para usarmos online.
Desde que a Microsoft comprou a GitHub, vários recursos e novidades chegaram a plataforma como a possibilidade de usar Repositórios Privados sem precisar pagar (antes não existia essa possibilidade).
Então no artigo de hoje, vou mostrar como criar um repositório privado no GitHub (mas você pode fazer no BitBucket ou onde preferir), e como acessar pelo VSCode e fazer “download” das alterações de fontes e fazer “upload” das suas alterações.
Criando um Novo Repositório
- Acesse github.com
- Faça login, ou se não tiver conta, crie uma
- Na parte da esquerda, em Repositórios, clique no botão para criar um novo
Criando repositório
- Defina um nome para o repositório, uma descrição, e muito importante, se os fontes vão ter informações sigilosas de empresas, coloque como repositório privado
Definindo como privado
- A página que será exibida em seguida, terá opções variadas sobre o repositório, pode deixar essa página aberta
Configurando no VSCode para usar Git do GitHub
- Baixe o Git conforme a versão do seu S.O. nesse link – https://git-scm.com/downloads/
- Agora abra o VSCode, crie uma pasta que você vai usar como repositório, iremos chamar de Teste GitHub
- Aperte Ctrl + Shift + P e execute o comando git clone
Clonando o repositório
- Insira a URL que você quer clonar que foi criada no passo 5
Inserindo a url que terão os dados baixados
- Selecione a pasta criada para fazer a clonagem do repositório
Selecione a pasta que foi criada
- Será aberto um prompt para autenticar a operação, no meu caso eu cliquei para autenticar via navegador
Faça login na sua conta
- Clique em autorizar
Autorize a aplicação
- Por último, vá no VSCode e clique em Arquivo > Abrir Pasta e aponte para a pasta que foi criada internamente do passo 10
Fazendo “upload” de códigos fontes
- Dentro dessa pasta, o iremos criar algumas subpastas e arquivos dentro, abaixo um exemplo de como ficou
Crie pastas e arquivos
- Para fazer o commit dos fontes, podemos fazer via comando (pressionar Ctrl + Shift + P e digitar git commit), ou podemos fazer graficamente, clicando no ícone de controle de código fonte, marcando os fontes e digitando uma observação de teste
Realizando o commit
- Por último, para efetivarmos nosso commit no servidor do GitHub, iremos apertar Ctrl + Shift + P e executar o git push
Realizando o git push
- Ele irá carregar um pouco a sincronização
- Após carregar, caso queira confirmar, vá no GitHub, acesse o repositório e note que os fontes estão carregados lá
Fontes carregados
Fazendo “download” de códigos fontes
- Caso você use o repositório com mais alguém, ou faça alteração em outras IDEs, basta executar Ctrl + Shift + P e executar git pull ou se quiser fazer graficamente, basta clicar no ícone de Sincronizar as alterações
Realizando o git pull
Ressalto que existem outras extensões para VSCode, mas tentei deixar o tutorial usando os recursos mais padrões e nativos possíveis.
Bom pessoal, por hoje é só.
Abraços e até a próxima.
bom dia Daniel… Parabéns pelo artigo, muito bom.!!!
Tenho uma dica: utilizo a ferramenta gráfica GitKraken para administração do meu Git, facilita fazer Pull, Push, criar Branch, dentre outras funcionalidades…
Opa, obrigado pelo feedback Antonio.
Depois vou dar uma olhada nesse GitKraken.
Grande abraço jovem.
Ótimo artigo!! Se tiver tempo, gostaria muito de ver uma abordagem sobre SVN também
Opa, obrigado Eduardo.
No caso do SVN, já fiz os seguintes artigos:
1. Como instalar e configurar um servidor de subversão (SVN): https://terminaldeinformacao.com/2018/01/28/como-instalar-configurar-um-servidor-de-subversao-svn/
2. Como utilizar SVN com VSCode utilizando a extensão do Tortoise: https://terminaldeinformacao.com/2020/05/15/como-utilizar-svn-com-vscode-utilizando-a-extensao-do-tortoise/
Grande abraço jovem.
Simples e intuitivo! Show de bola Atilião!! Obrigado e parabéns!
Opa, valeu pelo comentário Rafa.
Aquele abraço jovem.
Olá Dan. Obrigado pelo post. O procedimento não funcionou para mim. Eu tenho uma pasta de projetos, que quero versionar. Ainda assim eu segui suas orientações e criei uma nova pasta, copiando para lá o meu projeto. Ao executar o git commit recebi mensagem que nenhuma alteração foi detectada e não havia o que guardar. Tentei fazer o mesmo procedimento direcionando para a pasta de projeto que já tenho e também não funcionou. Como eu faço para subir um projeto já existente, pelo VSCode / GitHub?
Agradeço desde já.
Opa, eu que agradeço pelo comentário.
Certo, antes de tudo, você já tem um repositório configurado no GitHub? Se sim, é só seguir os passos 6 em diante.
Se não, ai você precisa criar (passo 1 em diante).
Após vincular o repositório do GitHub no VSCode, ai sim você coloca sua pasta do projeto dentro da pasta do GitHub.
Grande abraço.