<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Grazi Nascito👩🏽‍💻 🥦</title>
    <description>The latest articles on DEV Community by Grazi Nascito👩🏽‍💻 🥦 (@grazinascito).</description>
    <link>https://dev.to/grazinascito</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F398145%2Fa3f975d2-8113-400c-9619-d98ce1c2eb3a.jpg</url>
      <title>DEV Community: Grazi Nascito👩🏽‍💻 🥦</title>
      <link>https://dev.to/grazinascito</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/grazinascito"/>
    <language>en</language>
    <item>
      <title>Criando, clonando e publicando um repositório no github.</title>
      <dc:creator>Grazi Nascito👩🏽‍💻 🥦</dc:creator>
      <pubDate>Wed, 09 Jun 2021 18:04:11 +0000</pubDate>
      <link>https://dev.to/grazinascito/criando-clonando-e-publicando-um-repositorio-no-github-53i9</link>
      <guid>https://dev.to/grazinascito/criando-clonando-e-publicando-um-repositorio-no-github-53i9</guid>
      <description>&lt;p&gt;Fiz esse mini tutorial como objetivo retomar assuntos abordados durante uma atividade específica do meu processo enquanto estudande de desenvolvimento fullstack. Documentar o aprendizado é uma das ferramentas utilizadas para a absorção de conteúdos.&lt;/p&gt;

&lt;h2&gt;
  
  
  Vamos começar...
&lt;/h2&gt;

&lt;p&gt;Depois que a conta no github foi criada, precisamos então criar um repositório para termos um "espelho" do nosso projeto local na nuvem, que nesse caso, é o github.&lt;/p&gt;

&lt;p&gt;Na página inicial do github, nos deparamos com esse botão verde:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--G2g1tmZe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ooz3eva1b34w8zhl9tyb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--G2g1tmZe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ooz3eva1b34w8zhl9tyb.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;ou, podemos clicar no + ao lado do nosso perfil: &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FYUy3g2Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqh3v8e8z8ri7769u4em.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FYUy3g2Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqh3v8e8z8ri7769u4em.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;pronto, agora precisamos dar um nome legal para nosso repo, isso fica a seu critério, mas vamos começar com o "hello-word":&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--a7dYVh5d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ds1cvl2w6y4nfzgnfhhn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--a7dYVh5d--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ds1cvl2w6y4nfzgnfhhn.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Depois deste passo, iremos nos deparar com essa tela: &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--oHiT158i--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yb8ckue5j0mgi3ooswu5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--oHiT158i--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yb8ckue5j0mgi3ooswu5.png" alt="image"&gt;&lt;/a&gt;&lt;br&gt;
antes de mais nada, é importante que você instale o &lt;a href="https://www.youtube.com/watch?v=KJ0nmxiRdlo"&gt;git&lt;/a&gt; na sua máquina e faça login no mesmo, com a chave &lt;a href="https://www.youtube.com/watch?v=7YVQLZp1jb0&amp;amp;ab_channel=WillianJustenCursos"&gt;ssh&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Bom, eu gosto de usar o git bash mas você pode usar o próprio terminal do VS code para prosseguir com os comandos. &lt;/p&gt;

&lt;p&gt;Existem algumas formas de fazer isso, podemos clonar o repositorio através do link HTTPS ou do link SSH, recomendo copiar o link do SSH, mas para isso, você precisará ativar o SSH no seu computador. Recomendo este link oficial do github para te ajudar com isso: &lt;br&gt;
&lt;a href="https://docs.github.com/pt/github/authenticating-to-github/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent"&gt;https://docs.github.com/pt/github/authenticating-to-github/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;depois de ter criado sua chave ssh, vamos utilizar esse comando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git clone &amp;lt;link do SSH&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Volte agora para a pasta na qual vc criou o projeto (se estiver no windows) e faça a seguinte alteração:&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SVGAcknI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/468ozq68jn6fgr6ni1pn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SVGAcknI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/468ozq68jn6fgr6ni1pn.png" alt="image"&gt;&lt;/a&gt;&lt;br&gt;
 pois assim você irá ter certeza de que o git foi criado, pois o seu projeto deverá conter essa pasta, que antes estava oculta:&lt;br&gt;
 &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--UjjrD-6b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2i2x0obxff393xxvyztj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UjjrD-6b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2i2x0obxff393xxvyztj.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;feito isso, agora crie um arquivo "hello-word.js" dentro do VS code.&lt;br&gt;
 &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hQCYHIcr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o18uk8vyqqnlm8x04k5z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hQCYHIcr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o18uk8vyqqnlm8x04k5z.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;agora volte para o gitbash e digite o comando:&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;&lt;code&gt;$git status&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;para verificar qual o status do seu projeto, a mensagem deverá ser a seguinte: &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mSx5O91h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wcrikzkeijklf6v4k28y.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mSx5O91h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wcrikzkeijklf6v4k28y.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;normal, precisamos adicionar as nossas mudanças para a área de commit, pra isso eu gosto de utilizar o&lt;br&gt;
&lt;br&gt;
 &lt;code&gt;git add .&lt;/code&gt;&lt;br&gt;
&lt;br&gt;
 pois ele adiciona TODOS os arquivos alterados, o que pode ser uma boa caso você queira realmente adicionar todos, caso não, é só utilizar o&lt;br&gt;
&lt;br&gt;
 &lt;code&gt;git add &amp;lt;nome do arquivo&amp;gt;&lt;/code&gt;&lt;br&gt;
&lt;br&gt;
 que ele adicionará apenas aquele arquivo. Feito isso, se dermos um git status novamente, veremos que o nosso arquivo ficou verde, significa que está tudo pronto para que ele seja commitado. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wxjjEjC7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h24owzgcxyqsovi3hbnc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wxjjEjC7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h24owzgcxyqsovi3hbnc.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Para comitar, podemos adicionar o seguinte&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git commit -m "primeiros passos com o git/github"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Depois disso estamos preparados para enviar os nossos arquivos para o nosso repositório no github.&lt;/p&gt;

&lt;p&gt;dessa forma:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;$ git push origin -u master
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Agora é só atualizar a página do github, e pronto, nosso arquivo está no ar!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hNkIJ0cm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f4hktk78xnndf3gmkk82.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hNkIJ0cm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f4hktk78xnndf3gmkk82.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Existe outra forma ainda mais fácil de fazer isso, lembrando que você precisa entender os comandos que estão sendo utilizados, pois eles serão importantes.&lt;br&gt;
Para criar nosso repo de forma simples, basta copiar todos esses comandos e colocar no nosso git bash, ele fará tudo automaticamente. Depois é só dar o git push.&lt;br&gt;
 &lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RtYIqALY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mq8iki9se2uo6jpiuf06.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RtYIqALY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mq8iki9se2uo6jpiuf06.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;em&gt;Links Úteis&lt;/em&gt;
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://hackmd.io/@CubosAcademy/cheatsheet-comandos-git"&gt;Guia de comandos git&lt;/a&gt;&lt;br&gt;
&lt;a href="https://docs.github.com/pt/github/getting-started-with-github/quickstart"&gt;Documentação oficial do github para iniciar&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
