image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
leticia barros
leticia barros24/10/2022 17:28
Compartilhe

[DICA] GITHUB no VsCode

  • #GitHub
  • #Git
Oi Devs, hoje trago uma dica que vai facilitar pra muitos iniciantes assim como eu... Você que ainda se confunde quando vai criar, clonar, mover, excluir, atualizar... seu github, ou sente dificuldade em fazer commit, essa funcionalidade dentro do vs code pode te ajudar.

> Faça seus commits diretamente no vscode.

Com o vs code e github instalado em seu computador, siga o passo a passo:

1.

Vamos criar seu repositorio e clonar para seu computador:
  1. No github <https://github.com/> faça seu login e crie o repositorio que deseja, selecione para que seja criado com o READ.ME, assim seu repositorio será criado junto com uma branch.main para você;
  2. Com o repositorio criado, copie o link para poder clonar ele em sua maquina;
  3. Selecione em seu computador a pasta para onde deseja colocar o repositorio (pasta) do pojeto.
  4. Com o github instalado no seu computador, clique com botão direito e selecione git bash here, o git bash abrirá diretamente na pasta que deseja colocar seu novo repositorio. Agora, coloque o seguinte comando e dê enter:
git clone linkdoseurepositorio

2.

Com a pasta clonada, vamos abri-la em seu vs code e configurar o git:
  1. Abra a pasta que você clonou em seu vscode e nela deverá estar o seu READ.ME criado la no site do github;
  2. Agora vamos configurar seu git user name e user email, para isso abra o terminal no vs code usando Ctrl+" o terminal abrirá uma aba no seu vscode ou vá em "Terminal > Novo Terminal".
  3. Com terminal aberto, vá ate a setinha e selecione GitBash, em seguida feche o terminal deixando apenas o gitbash aberto, conforme imagem abaixo:
  4. image

No gitbash, você executará o seguinte comando:

obs: adicione o email que você cadastrou no git hub e dê enter
git config --global user.email "seuemaildogit@hub"
obs: adicione o user que você cadastrou no git hub e dê enter
git config --global user.name "seuuser"
Pronto!
agora seu git está configurado no seu vscode, você poderá fazer os commits de forma rapida e simples!

Para commitar é muito facil:

  1. crie um documento qualquer html na sua pasta escreva algo, dê um Ctrl S para salvar.
  2. Ao salvar aparecerá ao lado o seguinte:

image

Isso significa que você tem uma nova alteração a ser commitada, para commitar você clica no icone e aparecerá o seguinte:

image

Aqui é muito simples, sabe aquela mensagem que recomendam que enviemos ao fazer o commit? Então você coloca alguma mensagem que represente em que parte do processo você está commitando e em seguida aperte em confirmar e Efetuar Push.

Pronto, é so aguardar e confirmar o processo no seu repositorio online.

Bom, é isso, tentei ser o mais didática possivel, mas se ainda assim você encontrar dificuldade, eu retirei este conteúdo do video que vou deixar ali abaixo e espero que a dica possa te ajudar. Lembrando que é possivel fazer muitas coisas com essa funcionalidade do git no vscode

REFERENCIA:

https://www.youtube.com/watch?v=HIqyLRKv-YE&t=353s
Compartilhe
Comentários (6)

DL

Daniel Lopes - 25/10/2022 10:58

Ótima dica, já utilizei muito! Mas tomem cuidado para não perder o costume e aprendizado da utilização do git por meio de comandos, pois ainda existem muitas empresas que solicitam a utilização por estes, ou que utilizam IDEs sem a funcionalidade citada!


Para quem gostou da dica do artigo, uma sugestão minha é pesquisarem e aprenderem sobre o Git Desktop!

Juliana Souza
Juliana Souza - 24/10/2022 21:49

Adorei, obrigada pela dica! =)

Luiz Café
Luiz Café - 24/10/2022 19:09

Uau! Artigo notável! Parabéns! Vai me ajudar bastante em minha aprendizagem! Obrigado por compartilhar seu conhecimento.

Albano Bernardo
Albano Bernardo - 24/10/2022 18:49

OK, muito bom. Amei!

MB

Monique Borges - 24/10/2022 17:47

Valeu!

Liliane Balles
Liliane Balles - 24/10/2022 17:40

Obrigada!!! Com certeza vai ajudar!!!