Criando um repositório no GitHub
Lembre-se: GitHub é a plataforma que você vai subir seus arquivos de código na nuvem, ou seja, ele é tipo um Google Fotos só que para salvar códigos de projetos que você está desenvolvendo.
Entre no site do GitHub, faça o login, clique nesse site https://github.com/new, no campo Repository name*
insira o nome x-front-end
e clique no botão verde Create repository
.
Se tudo der certo você visualizará essa imagem aqui:
Instalando Git no Windows
Lembre-se: Git é a ferramenta que vai ter ajudar a enviar os arquivos para o GitHub através do terminal.
Para instalar o Git, entre no site oficial de download https://git-scm.com/download/win e clique no link abaixo para instalar:
Após isso, abra o arquivo que você fez o download e finalize a instalação do Git.
Se ficou com dúvida em como instalar o Git, assista esse vídeo.
Instalando GitHub CLI no Windows
O GitHub CLI é um conjunto de comandos de terminal relacionados à plataforma GitHub que nos auxilia na autenticação do nosso computador com o GitHub, permitindo-nos enviar nosso código para lá.
Para instalar, abra o site do GitHub CLI, clique no botão "Download for Windows" e instale.
Pronto! Agora você já tem o Git e o GitHub CLI instalados no seu computador.
Verificando se está funcionando e fazendo login no GitHub CLI
Para verificar se está funcionando, aperte no ícone de lixeira no seu terminal para encerrá-lo, como nessa imagem:
Abra o terminal novamente apertando Ctrl + '
e rode os comandos gh --version
e git -v
. O seu terminal ficará assim:
Para continuar, você deve fazer o login com o GitHub CLI rodando o seguinte código gh auth login
e apertando Enter
até abrir o site do GitHub solicitando sua permissão, então é só aceitar.
Salvando os arquivos no GitHub
Com o projeto x-front-end
aberto no VSCode, abra o terminal e rode todos os códigos abaixo em sequência.
git init
: esse código vai inicializar o git no seu projetogit add .
: esse código vai adicionar os arquivos que você pretende enviar para o GitHubgit commit -m "primeiro commit"
: esse código vai salvar uma mensagem de atualização nos arquivos adicionados pela etapa anteriorgit branch -M main
: esse código vai trocar o nome da branch principal para main
Volte para o repositório que criou no GitHub, copiar esse código abaixo e rodar ele no seu terminal.
Após isso é só rodar o código git push -u origin main
para enviar os arquivos para o GitHub e você verá algo semelhante à isso no seu terminal:
Pronto, agora seus arquivos estão salvos no GitHub. Nas próximas vezes sempre vamos rodar os comandos do Git para enviar os arquivos para o GitHub e manter seu projeto atualizado e salvo na nuvem.