Integrando o VSCode ao GitHub

Introdução

Uma busca no Google por esse assunto retorna dezenas de tutoriais e vídeos e na grande maioria deles a quantidade de dúvidas que fica no leitor é considerável.

As dúvidas em geral devem-se ao fato de que em determinado(s) passo(s) o autor, por ser um expert no assunto, não atenta para o fato de que para ele um detalhe irrelevante não o é para um iniciante.

Eu mesmo, quando precisei conhecer esse assunto, apesar de ter consultado vária fontes tive grande dificuldade para aprender e conseguir fazer a integração.

Decidi criar esse passo a passo e disponibilizar no GitHub, pois aqui fica bem mais fácil de receber feedback com sugestões e críticas e aperfeiçoá-lo. Sinta-se à vontade para um ou mais "Pull requests".

Setup inicial

  1. Clicar no ícone do GitHub na barra à esquerda do VSCode
  2. Clicar em Iniciar Repositório (equivale a $ git init). Essa ação leva para os arquivos e mostra a letra U ao lado deles (U = untracked)
  3. Colocar o cursor sobre CHANGES e clicar em + para Stage Changes. Vai aparecer a letra A ao lado dos arquivos e de CHANGES muda para STAGED CHANGES e uma caixa de texto acima dele, para escrever o nome do commit.
  4. Preencha a caixa com o nome do commit e tecle CTRL + Enter
  5. No GitBash entrar o comando $ git shortlog vai aparecer o texto do commit inicial
  6. Localize e abra no VSCode o arquivo id_rsa.pub que está em C://Usuários/NomeUsuário/.ssh e cópie a sua chave id_rsa.
  7. Entre na sua conta GitHub, no canto superior direito clique na setinha ao lado do seu avatar e escolha Settings, depois SSH and GPG keys, depois no botão New SSH key
  8. No campo Title dê um nome para a chave (Maujor@maujor) e no campo Key cole a chave que você copiou
  9. Clique em Add SSH key e vai pedir para você digitar e confirmar sua senha GitHub.
  10. Confirme e sua chave estará cadastrada
  11. Ainda no GitHub no canto superior direito clique na setinha ao lado do sinal + e depois em New repository
  12. Escolha o nome do repositório, inclua opcionalmente uma descrição para ele, e clique Create repository
  13. Na tela seguinte copie o comando git remote add origin https://github.com/Maujor/vscode-github.git
  14. No GitBash cole o comando $ git remote add origin https://github.com/Maujor/vscode-github.git
  15. No VSCode no menu do ícone GitHub clique em ... Push to...
  16. Na caixa de texto menu drop down escolha origin https://github.com/Maujor/vscode-github.git
  17. No GitHub os arquivos locais foram enviados

Modificações locais

  1. Modifica arquivo e salva aparece bolinha ícone GitHub
  2. Clicar ícone aparece CHANGES e uma lista do(s) arquivo(s) modificados
  3. Clicar no arquivo modificado mostra as modificações
  4. Ao lado do arquivo modificado clicar em + para stage changes, preencher texto commit e teclar Ctrl + Enter
  5. Na parte superior clicar ... Push to... e escolher a origin no drop down
  6. Ver a modificação com o texto do commit no GitHub