1

Criando um repositório no GitHub utilizando o VS Code

#GitHub #Git
Carlos Júnior
Carlos Júnior

Durante o nosso aprendizado, criamos vários projetos que podem mostrar o quanto estamos nos aperfeiçoando como desenvolvedores. E é uma boa ideia colocá-los no GitHub para que outras pessoas possam ver nosso desenvolvimento. Nesse artigo, vou mostrar como criar um repositório de modo fácil no GitHub usando a funcionalidade de Controle de Código Fonte que já vem habilitado no VS Code.


Primeiramente, precisamos abrir a pasta onde está o projeto que queremos versionar no VS Code. Após isso, clicamos no ícone de Controle de Código Fonte (veja aqui). Com isso veremos a opção de "Publicar no GitHub". Ao clicar nessa opção, vamos escolher se desejamos um repositório privado ou público (veja aqui). Depois dessa escolha, escolheremos quais arquivos queremos que sejam incluídos no repositório (veja aqui). Ao clicar em "Ok", o repositório será criado e o primeiro commit será feito com os arquivos de sua pasta. Quando tudo estiver pronto, aparecerá o botão "Abrir no GitHub" e então podemos ver nosso repositório criado (veja aqui).


Colocando as alterações em stage e fazendo commits


Quando fazemos mudanças nos arquivos de nosso projeto, o ícone do Controle de Código Fonte vai ficar destacado e mostrar o número de arquivos que sofreram mudanças. Quando clicamos neste ícone, podemos ver que há um menu de arquivos que sofreram alterações. Podemos colocar esses arquivos em stage clicando no ícone de adicionar (+) que aparece quando passamos o cursor sobre o nome do arquivo. Com isso, o nome do arquivo passa a aparecer no menu "Alterações em etapas", indicando que ele está pronto para ser "commitado". Escrevemos então a mensagem do commit no campo apropriado e clicamos no ícone de confirmar (veja aqui).


Podemos, então, enviar as alterações do projeto para o repositório. Para isso, clicamos no ícone "Modos de exibição e mais ações", parecido à uma reticência (...), e clicamos na opção "Enviar por push" (veja aqui). No GitHub, podemos ver que nosso repositório foi atualizado (veja aqui).


Bônus: criando o arquivo README.md no VS Code


Para isso, criamos o arquivo README.md na pasta raiz de nosso projeto versionado, utilizando a linguagem de marcação Markdown (veja aqui). Seguimos então os passos apresentados anteriormente para enviar o arquivo para o stage e então "commitá-lo". Ao acessarmos o repositório no GitHub novamente, veremos que ele foi atualizado e que o arquivo README.md está lá (veja aqui).

3
64

Comentários (3)

1
Anderson Silva

Anderson Silva

19/07/2021 18:41

Boa Noite!

Obrigado pela dica e parabéns pela iniciativa.

2
Adilma Slva

Adilma Slva

19/07/2021 14:22

Informação valiosíssima. Obrigado!

1
Diogo Dantas

Diogo Dantas

19/07/2021 14:22

Eu AMO o VS Code e essa dica é muito útil. Obrigado por compartilhar :)

Desenvolvedor Web na Empreender

Brasil