<?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: Gustavo Nascimento</title>
    <description>The latest articles on DEV Community by Gustavo Nascimento (@gustavo_nascimento).</description>
    <link>https://dev.to/gustavo_nascimento</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%2F228556%2Fed164489-0c6d-4b2e-b2af-c713f794a99f.jpeg</url>
      <title>DEV Community: Gustavo Nascimento</title>
      <link>https://dev.to/gustavo_nascimento</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gustavo_nascimento"/>
    <language>en</language>
    <item>
      <title>CRIANDO UM SERVIDOR UBUNTU COM JENKINS E MONTANDO UMA PIPELINE CI/CD</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Sun, 28 Jan 2024 01:52:11 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/criando-um-servidor-ubuntu-com-jenkins-e-montando-uma-pipeline-cicd-18dh</link>
      <guid>https://dev.to/gustavo_nascimento/criando-um-servidor-ubuntu-com-jenkins-e-montando-uma-pipeline-cicd-18dh</guid>
      <description>&lt;p&gt;Montando um servidor com Jenkins Ubuntu 22.04&lt;/p&gt;

&lt;p&gt;Documentação do Jenkins.&lt;br&gt;
&lt;a href="https://www.jenkins.io/doc/book/installing/linux/"&gt;https://www.jenkins.io/doc/book/installing/linux/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Documentação da Docker&lt;br&gt;
&lt;a href="https://docs.docker.com/"&gt;https://docs.docker.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Documentação da kubernetes&lt;br&gt;
&lt;a href="https://kubernetes.io/docs/tasks/tools/install-kubectl-linux/"&gt;https://kubernetes.io/docs/tasks/tools/install-kubectl-linux/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Acessando a VM para realizar as instalações do que vamos precisar. &lt;br&gt;
OBS: Onde está o IP deve colocar o IP da sua VM&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;ssh -i C:\Users\gusta\.ssh\terraform root@64.227.10.97
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Agora seguimos os passos abaixo para instalar Jenkins, Docker e Kubernetes&lt;/p&gt;

&lt;p&gt;&lt;em&gt;1 - Update do servidor&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;apt update
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;2 - Pré requisito é a instalação do JAVA.&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;apt install openjdk-17-jdk -y
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;3 - Rode os comandos abaixo para baixar e instalando o Jenkins no servidor.&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;curl -fsSL https://pkg.jenkins.io/debian-stable/jenkins.io.key | sudo tee \
  /usr/share/keyrings/jenkins-keyring.asc&amp;gt; /dev/null 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;echo deb[signed-by=/usr/share/keyrings/jenkins-keyring.asc] \
  https://pkg.jenkins.io/debian-stable binary/ | sudo tee \
  /etc/apt/sources.list.d/jenkins.list&amp;gt; /dev/null
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo apt-get update
sudo apt-get install jenkins
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;4 - Instalação do Docker. (Faremos a instalação simples e rápida).&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;curl -fsSL https://get.docker.com | sh
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;5 - Adicionando o seu usuário no grupo docker.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Ex: o usuário usado no exemplo foi “jenkins”&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;usermod -aG docker jenkins
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;6 - Depois temos que fazer um restart no jenkins.&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;systemctl restart jenkins
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;7 - Instalando o kubectl no ubuntu.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;7.1 - Atualize o índice do pacote e instale pacotes necessários para usar o repositório Kubernetes:&lt;code&gt;aptapt&lt;/code&gt;&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo apt-get update
sudo apt-get install -y ca-certificates curl
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;Se você usar o Debian 9 (estiramento) ou anterior, você também&lt;/em&gt; &lt;em&gt;precisará instalar:apt-transport-https&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo apt-get install -y apt-transport-https
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;7.2 - Baixe a chave de assinatura pública do Google Cloud:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo curl -fsSLo /usr/share/keyrings/kubernetes-archive-keyring.gpg https://packages.cloud.google.com/apt/doc/apt-key.gpg
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;7.3 - Adicione o repositório Kubernetes:apt&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;echo "deb [signed-by=/usr/share/keyrings/kubernetes-archive-keyring.gpg] https://apt.kubernetes.io/ kubernetes-xenial main" | sudo tee /etc/apt/sources.list.d/kubernetes.list
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;7.4 - Atualizar o índice do pacote com o novo repositório e&lt;/em&gt; &lt;em&gt;instalar o kubectl:apt&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo apt-get update
sudo apt-get install -y kubectl
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;9 -Agora devemos pegar o IP da Vm e jogar navegador para acessar o Jenkins conforme imagem abaixo.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;EX: &lt;a href="https://64.227.10.97:8080"&gt;https://64.227.10.97:8080&lt;/a&gt;&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5zgnb303fkrf5bvsnqzq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5zgnb303fkrf5bvsnqzq.png" alt="Image description" width="800" height="430"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Acesse o caminho abaixo conforme informa na imagem acima para pegar a senha de Administrador.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;cat /var/lib/jenkins/secrets/initialAdminPassword
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Ex: Copia o conteúdo gerado e cola no local senha de administrador.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ur285szbp5z17k3ogpo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ur285szbp5z17k3ogpo.png" alt="Image description" width="800" height="118"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;10 - Na tela seguinte vamos costumizar o Jenkins.&lt;/em&gt; &lt;br&gt;
&lt;em&gt;Nesse caso vou instalar os plugins que o próprio Jenkins sugere&lt;/em&gt; &lt;em&gt;conforme imagem.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flero7gr6sm3r0ind4dyu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flero7gr6sm3r0ind4dyu.png" alt="Image description" width="800" height="716"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;11 - Agora aguardamos a finalização da Instalação.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6a0len05jpkpk9e7oiqz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6a0len05jpkpk9e7oiqz.png" alt="Image description" width="800" height="717"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;12 - Criaremos o nosso usuário de acesso preenchendo os campos conforme solicitado.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5g038rwqxqdxzolq7di6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5g038rwqxqdxzolq7di6.png" alt="Image description" width="800" height="714"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;13 - Salva e Finaliza.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjolcst0cnwcn9ae45fm2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjolcst0cnwcn9ae45fm2.png" alt="Image description" width="800" height="716"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;14 - Clica em finalizar.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foqzlmfeyvwz1c63v4wv6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foqzlmfeyvwz1c63v4wv6.png" alt="Image description" width="800" height="715"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;15 - Jenkins Instalado.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbjeouoiyfw4qhmfw0j09.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbjeouoiyfw4qhmfw0j09.png" alt="Image description" width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;16 - Nesse caso como vamos trabalhar com docker e kubernetes vamos instalar alguns plugins.&lt;/p&gt;

&lt;p&gt;Clique em “Gerenciar Jenkins” e “Gerenciar extensões”&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4wdtr9n408sdk9ioif90.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4wdtr9n408sdk9ioif90.png" alt="Image description" width="800" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;17 - Agora clica em “Disponíveis” na busca procuramos por Docker e instalamos os plugins: “Docker” e “Docker Pipeline”&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsd7y06xshqkhcev1zyob.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsd7y06xshqkhcev1zyob.png" alt="Image description" width="800" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;18 - Agora vamos instalar os plugins do kubernetes:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F65v86s2sr24bnvb1vepy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F65v86s2sr24bnvb1vepy.png" alt="Image description" width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;19 - Vamos construir uma nova tarefa&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcyy921xk8flfltzoy1if.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcyy921xk8flfltzoy1if.png" alt="Image description" width="800" height="382"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;20 - Colocamos um nome, clicamos em pipeline e depois em “Tudo certo”.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fosnbvziwscx0ciaglpsf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fosnbvziwscx0ciaglpsf.png" alt="Image description" width="800" height="385"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;21 - Vamos fazer as configurações conforme os prints abaixo.&lt;br&gt;
Depois que estiver tudo configurado clique em “salvar”&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjr9z41szgpc7upiwkhdp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjr9z41szgpc7upiwkhdp.png" alt="Image description" width="800" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F71qev49o330bzbd0ezw5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F71qev49o330bzbd0ezw5.png" alt="Image description" width="800" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;22 - Agora Vamos criar o “Jenkinsfile”.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd3wbxj0ll3ywkqf1jc3s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd3wbxj0ll3ywkqf1jc3s.png" alt="Image description" width="800" height="431"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;23 - Depois que o arquivo Jenkinsfile estiver com as configurações, voltamos no painel de controle no Jenkins. “Gerenciar Jenkins” e “Manage Credentials”&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw5do2xaw3u0cv2lwm1h9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw5do2xaw3u0cv2lwm1h9.png" alt="Image description" width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;24 - Clicamos em “global” e na próxima tela “Add Credentials”.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0b6kyvka3cqskgboyzay.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0b6kyvka3cqskgboyzay.png" alt="Image description" width="800" height="381"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn9qsdio4h3jthcyyfkh7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn9qsdio4h3jthcyyfkh7.png" alt="Image description" width="800" height="382"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;25 - Preencher com os dados conforme o print abaixo.&lt;br&gt;
OBS: Username e password são os do seu dockerhub&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foa4wj27jcsqe7xbvxgxc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foa4wj27jcsqe7xbvxgxc.png" alt="Image description" width="800" height="385"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;26 - Temos que adicionar uma credencial para o ‘Deploy kubernetes’&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmed4xlk0xtz9f5t0ks99.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmed4xlk0xtz9f5t0ks99.png" alt="Image description" width="800" height="385"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk2hfqkwahw9quqtcrrj5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk2hfqkwahw9quqtcrrj5.png" alt="Image description" width="800" height="383"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;27 - Temos que configurar o webhooks no github com o IP do servidor. Quando fizermos o push vai ser enviado um trigger e a pipeline vai rodar enviando a alteração em tempo real.&lt;br&gt;
A configuração é feita com o IP do servidor do Jenkins&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0lfi01fekxmjrx7lxgj8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0lfi01fekxmjrx7lxgj8.png" alt="Image description" width="800" height="384"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;28 - Deploy realizado com sucesso de uma pipeline com Jenkins.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz32tcmibqpl3ssxf9q3n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz32tcmibqpl3ssxf9q3n.png" alt="Image description" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Criando o Azure Bastion</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Tue, 09 Feb 2021 01:23:08 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/criando-o-azure-bastion-knc</link>
      <guid>https://dev.to/gustavo_nascimento/criando-o-azure-bastion-knc</guid>
      <description>&lt;p&gt;O que é Bastion?&lt;/p&gt;

&lt;p&gt;Bastion e um serviço que permite você se conectar nas suas VMs em execução. Ele remove a necessidade de usar o RDP e o SSH. Esta é a solução para obter acesso a um único servidor sem expor suas cargas de trabalho a ataques de alto risco. &lt;/p&gt;

&lt;p&gt;Bastion funciona criando uma sub-net na sua Vnet. Como este é um serviço PaaS, você não precisa gerenciar uma Vm. O serviço Bastion foi criado e projetado para resistir a ataques e pode ser implantado em sua rede de perímetro "DMZ" ou em uma Vnet específica.&lt;/p&gt;

&lt;p&gt;Depois de implantado, o usuário final pode se conectar ao portal do Azure usando qualquer navegador que use HTML5. O usuário selecionará a Vm para se conectar e com um clique, a sessão RDP (Windows) ou SSH (Linux) será aberta em seu navegador. O Bastion não usa IP público, porque ele leva uma solicitação de entrada na porta 443 e executa um NAT para o endereço IP interno do servidor nas portas 3389 ou 22&lt;/p&gt;

&lt;p&gt;Diagrama abaixo:&lt;/p&gt;

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

&lt;p&gt;Criação do Bastion Host&lt;/p&gt;

&lt;p&gt;Vamos supor que você já tenha criado o seu Resource Group, VNet, Sub-Net e sua Vm (Windows ou Linux) para qual precise obter o acesso. (Rede básica para o LAB)&lt;/p&gt;

&lt;p&gt;1 - Acesse o portal do Azure &lt;a href="https://portal.azure.com.br"&gt;https://portal.azure.com.br&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2 - Vá em Criar um recurso&lt;/p&gt;

&lt;p&gt;3 - Digite na barra de pesquisa do Marktplace "bastion&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2SOhpLWQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9cdrf48rb2yv6o6rs2id.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2SOhpLWQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9cdrf48rb2yv6o6rs2id.jpg" alt="criar um recurso2"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;4 - Clique em criar&lt;/p&gt;

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

&lt;p&gt;5 - Na tela abaixo vai preencher os seguintes campos &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--t5WYXUXD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lc3u5ruix500ykywvfse.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--t5WYXUXD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/lc3u5ruix500ykywvfse.jpg" alt="criar um recurso3"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Assinatura (Com a assinatura que deseja usar)&lt;/p&gt;

&lt;p&gt;Grupo de Recursos (Grupo de recurso onde se encontra a Vm ou Vms)&lt;/p&gt;

&lt;p&gt;Nome (Tem que da um nome para o seu bastion)&lt;/p&gt;

&lt;p&gt;Região (Região onde foi criado seu grupo de recurso)&lt;/p&gt;

&lt;p&gt;Rede Virtual (Adicione a Vnet que você criou no grupo de recurso. Ex: xxx-vnet)&lt;/p&gt;

&lt;p&gt;Sub-rede (OBS: A sub-rede na qual você implanta o host Bastion deve ser chamada de "AzurebastionSubnet" e deve ter o CIDR pelo menos /27.) Você pode usar um /26, /25, etc...&lt;/p&gt;

&lt;p&gt;Endereço de IP público (Pode deixar marcado "criar novo" a não ser que você já tenha algum criado)&lt;/p&gt;

&lt;p&gt;Nome do endereço IP público (ele preenche automático colocando o nome que você escolheu para a Vnet Ex: "xxx-vnet-ip" ou você altera para um nome que identifique de qual serviço é aquele IP público.)  &lt;/p&gt;

&lt;p&gt;6 - Crie as Tags de preferência com Nome e Valor (realizando melhores práticas) e depois revisar + criar&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Ezr7AF9U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/smpvaeedoctacrx7y72z.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Ezr7AF9U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/smpvaeedoctacrx7y72z.jpg" alt="criar um recurso4"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;7 - Depois que o Bastion for criado. Você vai até a Vm que quer ter acesso no grupo de recursos, conforme print abaixo.&lt;/p&gt;

&lt;p&gt;Você consegue se conectar na Vm tanto clicando em "Conectar" quanto "Bastion" para poder entrar com suas credenciais.&lt;/p&gt;

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

&lt;p&gt;Pronto. Você já esta acessando a sua Máquina virtual usando o Bastion.     &lt;/p&gt;

&lt;p&gt;OBS: Quando for conectar na Vm se caso aparecer um pop-up no navegador é só habilitar para o acesso acontecer.     &lt;/p&gt;

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

&lt;p&gt;Fica a dica!&lt;/p&gt;

&lt;p&gt;Se gostaram do conteúdo gostaria de pedir para compartilhar com outras pessoas.&lt;/p&gt;

&lt;p&gt;Um abraço.&lt;/p&gt;

</description>
      <category>azure</category>
      <category>cloud</category>
    </item>
    <item>
      <title>Adicionando um dispositivo no domínio do Azure</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Thu, 12 Nov 2020 21:13:05 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/adicionando-uma-maquina-no-dominio-do-azure-4in4</link>
      <guid>https://dev.to/gustavo_nascimento/adicionando-uma-maquina-no-dominio-do-azure-4in4</guid>
      <description>&lt;p&gt;A primeira coisa e informar que só podemos ingressar máquinas com SO Windows 10&lt;/p&gt;

&lt;p&gt;link para estudo&lt;br&gt;
&lt;a href="https://docs.microsoft.com/pt-br/azure/active-directory/devices/azuread-joined-devices-frx"&gt;https://docs.microsoft.com/pt-br/azure/active-directory/devices/azuread-joined-devices-frx&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;EM CONSTRUÇÃO&lt;/p&gt;

</description>
      <category>azure</category>
      <category>cloud</category>
    </item>
    <item>
      <title>One Drive com problemas de sincronização</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Wed, 28 Oct 2020 15:37:51 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/one-drive-com-problemas-de-sincronizacao-ek8</link>
      <guid>https://dev.to/gustavo_nascimento/one-drive-com-problemas-de-sincronizacao-ek8</guid>
      <description>&lt;h2&gt;
  
  
  Quando usuários estiverem com problemas de sincronização no One Drive.
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Abra uma caixa de diálogo Executar pressionando a tecla Windows Pressione a tecla Windows e R.&lt;/li&gt;
&lt;li&gt;Digite o comando abaixo e pressione OK. Uma janela de Comando pode aparecer durante breves instantes.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;%localappdata%\Microsoft\OneDrive\onedrive.exe /reset
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Se caso o seu OneDrive não voltar automático execute o comando abaixo:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;%localappdata%\Microsoft\OneDrive\onedrive.exe
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Na parte de configurações do OneDrive deixar a opção abaixo marcada.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--n9n1lBcy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/37gsydztajqjxlqxnunp.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--n9n1lBcy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/37gsydztajqjxlqxnunp.jpg" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Iniciando primeiro projeto com Gatsby e Sass.</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Fri, 24 Apr 2020 06:00:24 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/iniciando-primeiro-projeto-com-gatsby-e-sass-37dc</link>
      <guid>https://dev.to/gustavo_nascimento/iniciando-primeiro-projeto-com-gatsby-e-sass-37dc</guid>
      <description>&lt;ul&gt;
&lt;li&gt;Instalando o Gatsby em modo Global.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;sudo&lt;/span&gt; &lt;span class="nx"&gt;npm&lt;/span&gt; &lt;span class="nx"&gt;install&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;g&lt;/span&gt; &lt;span class="nx"&gt;gatsby&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;cli&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Criando um novo projeto pré configurado.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;gatsby&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;nome&lt;/span&gt; &lt;span class="k"&gt;do&lt;/span&gt; &lt;span class="nx"&gt;projeto&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Criando um projeto com uma página em branco.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;gatsby&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nx"&gt;tutorial&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;part&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;two&lt;/span&gt; &lt;span class="nx"&gt;https&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="c1"&gt;//github.com/gatsbyjs/gatsby-starter-hello-world&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Acessando a pasta do projeto.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;cd&lt;/span&gt; &lt;span class="nx"&gt;tutorial&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;part&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;two&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Iniciando o Servidor de desenvolvimento.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;gatsby&lt;/span&gt; &lt;span class="nx"&gt;develop&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Instalação dos plugins do Gatsby se necessário.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;npm&lt;/span&gt; &lt;span class="nx"&gt;install&lt;/span&gt; &lt;span class="nx"&gt;gatsby&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;plugin&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;google&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;fonts&lt;/span&gt; &lt;span class="o"&gt;--&lt;/span&gt;&lt;span class="nx"&gt;save&lt;/span&gt;

&lt;span class="nx"&gt;npm&lt;/span&gt; &lt;span class="nx"&gt;install&lt;/span&gt; &lt;span class="o"&gt;--&lt;/span&gt;&lt;span class="nx"&gt;save&lt;/span&gt; &lt;span class="nx"&gt;node&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;sass&lt;/span&gt; &lt;span class="nx"&gt;gatsby&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;plugin&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;sass&lt;/span&gt;

&lt;span class="nx"&gt;npm&lt;/span&gt; &lt;span class="nx"&gt;install&lt;/span&gt; &lt;span class="nx"&gt;gatsby&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;plugin&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;google&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;fonts&lt;/span&gt; &lt;span class="o"&gt;--&lt;/span&gt;&lt;span class="nx"&gt;save&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Instalando o Sass no Gatsby.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;npm&lt;/span&gt; &lt;span class="nx"&gt;install&lt;/span&gt; &lt;span class="o"&gt;--&lt;/span&gt;&lt;span class="nx"&gt;save&lt;/span&gt; &lt;span class="nx"&gt;node&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;sass&lt;/span&gt; &lt;span class="nx"&gt;gatsby&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;plugin&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;sass&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Depois da Instalação do Sass você deve incluir um plugin no "gatsby-config.js"
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;plugins&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;`gatsby-plugin-sass`&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



</description>
      <category>gatsby</category>
      <category>saas</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Aprendendo do zero a criar uma aplicação desktop com JavaScript, Electron Js e Vue.Js</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Wed, 15 Apr 2020 23:36:28 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/aprendendo-do-zero-a-criar-um-projeto-com-vue-js-3k1e</link>
      <guid>https://dev.to/gustavo_nascimento/aprendendo-do-zero-a-criar-um-projeto-com-vue-js-3k1e</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;Fonte de Estudos: Casa do Código&lt;br&gt;
Livro: VueJs Construa Aplicações Incríveis&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Instalando o CLI do Vue.Js em modo Global
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;npm&lt;/span&gt; &lt;span class="nx"&gt;i&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;g&lt;/span&gt; &lt;span class="p"&gt;@&lt;/span&gt;&lt;span class="nd"&gt;vue&lt;/span&gt;&lt;span class="sr"&gt;/cl&lt;/span&gt;&lt;span class="err"&gt;i
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Criando um projeto Vue.Js
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;vue&lt;/span&gt; &lt;span class="nx"&gt;create&lt;/span&gt; &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;nome&lt;/span&gt; &lt;span class="k"&gt;do&lt;/span&gt; &lt;span class="nx"&gt;app&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Iniciando um servidor no Vue.Js
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;npm&lt;/span&gt; &lt;span class="nx"&gt;run&lt;/span&gt; &lt;span class="nx"&gt;serve&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Na instalação vai aparecer a pergunta abaixo. Eu costumo deixar em "default" e pressionar ENTER.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;Vue CLI v4.3.1
? Please pick a preset: &lt;span class="o"&gt;(&lt;/span&gt;Use arrow keys&lt;span class="o"&gt;)&lt;/span&gt;
❯ default &lt;span class="o"&gt;(&lt;/span&gt;babel, eslint&lt;span class="o"&gt;)&lt;/span&gt;  
  Manually &lt;span class="k"&gt;select &lt;/span&gt;features 
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Logo em seguida vai começar a instalação do repositório git e a instalação do CLI plugins conforme abaixo.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;Vue CLI v4.3.1
✨  Creating project &lt;span class="k"&gt;in&lt;/span&gt; /mnt/c/Users/Fantasma/Desktop/web/VueJs/teste.
🗃  Initializing git repository...
&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; ejs@2.7.4 postinstall /mnt/c/Users/Fantasma/Desktop/web/VueJs/teste/node_modules/ejs
&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; node ./postinstall.js

added 1195 packages from 852 contributors and audited 25249 packages &lt;span class="k"&gt;in &lt;/span&gt;292.71s

40 packages are looking &lt;span class="k"&gt;for &lt;/span&gt;funding
  run &lt;span class="sb"&gt;`&lt;/span&gt;npm fund&lt;span class="sb"&gt;`&lt;/span&gt; &lt;span class="k"&gt;for &lt;/span&gt;details

found 0 vulnerabilities

�🚀  Invoking generators...
�📦  Installing additional dependencies...

added 54 packages from 39 contributors and audited 25532 packages &lt;span class="k"&gt;in &lt;/span&gt;54.138s

42 packages are looking &lt;span class="k"&gt;for &lt;/span&gt;funding
  run &lt;span class="sb"&gt;`&lt;/span&gt;npm fund&lt;span class="sb"&gt;`&lt;/span&gt; &lt;span class="k"&gt;for &lt;/span&gt;details

found 0 vulnerabilities

⚓  Running completion hooks...

�📄  Generating README.md...

�🎉  Successfully created project teste.
�👉  Get started with the following commands:

 &lt;span class="nv"&gt;$ &lt;/span&gt;npm run serve
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Acesse a pasta do projeto criado.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;$&lt;/span&gt; &lt;span class="nx"&gt;cd&lt;/span&gt; &lt;span class="nx"&gt;teste&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Instalando a Lib Vuetify (Eu deixo como Default(recomendado))
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;vue&lt;/span&gt; &lt;span class="nx"&gt;add&lt;/span&gt; &lt;span class="nx"&gt;vuetify&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Instalando o electron ao seu projeto
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;vue&lt;/span&gt; &lt;span class="nx"&gt;add&lt;/span&gt; &lt;span class="nx"&gt;electron&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Obs: Quando estiver instalando vai fazer as seguintes perguntas abaixo. Usei a versão 5.0.0&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="p"&gt;?&lt;/span&gt; &lt;span class="nx"&gt;Still&lt;/span&gt; &lt;span class="nx"&gt;proceed&lt;/span&gt;&lt;span class="p"&gt;?&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;y&lt;/span&gt;&lt;span class="o"&gt;/&lt;/span&gt;&lt;span class="nx"&gt;N&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="nx"&gt;Yes&lt;/span&gt;
&lt;span class="p"&gt;?&lt;/span&gt; &lt;span class="nx"&gt;Choose&lt;/span&gt; &lt;span class="nx"&gt;Electron&lt;/span&gt; &lt;span class="nx"&gt;Version&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;Use&lt;/span&gt; &lt;span class="nx"&gt;arrow&lt;/span&gt; &lt;span class="nx"&gt;keys&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="mf"&gt;4.0&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;
&lt;span class="mf"&gt;5.0&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;
&lt;span class="mf"&gt;6.0&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="mi"&gt;0&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



</description>
      <category>beginners</category>
      <category>javascript</category>
      <category>vue</category>
    </item>
    <item>
      <title>Como manipular os elementos em um site na Web.</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Sun, 15 Mar 2020 18:19:30 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/como-manipular-os-elementos-em-um-site-na-web-172k</link>
      <guid>https://dev.to/gustavo_nascimento/como-manipular-os-elementos-em-um-site-na-web-172k</guid>
      <description>&lt;h2&gt;
  
  
  linha de comando com JavaScript para manipular texto do site.
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Exemplo:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;querySelector&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;h1.content-head__title&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nx"&gt;innerText&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;Teste&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



</description>
      <category>html</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Usando padding e margin e aplicando no Css</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Fri, 13 Mar 2020 19:28:01 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/usando-padding-e-margin-e-aplicando-no-css-j6p</link>
      <guid>https://dev.to/gustavo_nascimento/usando-padding-e-margin-e-aplicando-no-css-j6p</guid>
      <description>&lt;h2&gt;
  
  
  PADDING
&lt;/h2&gt;

&lt;p&gt;É usado na parte de dentro de um elemento. (Parte interna)&lt;br&gt;
Nós usamos na seguinte ordem: top , right, bottom e left.&lt;/p&gt;

&lt;p&gt;Exemplos:&lt;br&gt;
Forma resumida quando os 4 lados tem valores diferentes:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;55px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt; &lt;span class="m"&gt;95px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Forma resumida quando o top/bottom e right/left tem valores diferentes:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;55px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Forma resumida quando o top tem um valor o right/left tem outro valor diferente e o bottom também tem outro valor diferente:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;padding&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;55px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt; &lt;span class="m"&gt;95px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h2&gt;
  
  
  MARGIN
&lt;/h2&gt;

&lt;p&gt;É usado na parte de fora de um elemento. (Parte externa)&lt;br&gt;
Forma resumida quando os 4 lados tem valores diferentes:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;margin&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;55px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt; &lt;span class="m"&gt;95px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Forma resumida quando o top/bottom e right/left tem valores diferentes:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;margin&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;55px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Forma resumida quando o top tem um valor o right/left tem outro valor diferente e o bottom também tem outro valor diferente:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;margin&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;55px&lt;/span&gt; &lt;span class="m"&gt;60px&lt;/span&gt; &lt;span class="m"&gt;95px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



</description>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>Tipos de display e aplicando o display</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Fri, 13 Mar 2020 19:24:10 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/tipos-de-display-e-aplicando-o-display-8dm</link>
      <guid>https://dev.to/gustavo_nascimento/tipos-de-display-e-aplicando-o-display-8dm</guid>
      <description>&lt;h2&gt;
  
  
  Display Inline:
&lt;/h2&gt;

&lt;p&gt;Deixa os elemento na mesma linha mas não conseguimos definir nem "width" largura e "height" altura.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;inline&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h2&gt;
  
  
  Display Block:
&lt;/h2&gt;

&lt;p&gt;Não deixa os elementos na mesma linha mas conseguimos definir "width" largura e "height" altura.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;block&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h2&gt;
  
  
  Display Inline-Block:
&lt;/h2&gt;

&lt;p&gt;Tanto deixa os elementos na mesma linha e também conseguimos definir uma "width" largura e uma "height" altura.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight scss"&gt;&lt;code&gt;&lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;inline-block&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



</description>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>Atualizando o Node.JS para a sua última versão.</title>
      <dc:creator>Gustavo Nascimento</dc:creator>
      <pubDate>Mon, 09 Mar 2020 04:27:17 +0000</pubDate>
      <link>https://dev.to/gustavo_nascimento/atualizando-o-node-js-para-a-sua-ultima-versao-1lec</link>
      <guid>https://dev.to/gustavo_nascimento/atualizando-o-node-js-para-a-sua-ultima-versao-1lec</guid>
      <description>&lt;p&gt;Sou iniciando em JavaScript e nesse final de semana, quando estava tentando instalar um pacote com comando "npm install node-sass --save-dev" como uma dependência de desenvolvimento do package.json, estava com um erro que não consegui identificar no "Log". Coisa bem de iniciante mesmo!!!! kkkkkkkkkkk&lt;br&gt;
Deixei passar um dia no dia seguinte, fui verificar qual era versão do node instalado no me computador e vi que era uma versão antiga e assim que atualizei consegui fazer o a configuração do Webpack conforme um tutorial que achei bem legal para iniciantes. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;link do Ricardo Sanches &lt;br&gt;
"&lt;a href="https://www.youtube.com/watch?v=sU3W2ZTt-8I"&gt;https://www.youtube.com/watch?v=sU3W2ZTt-8I&lt;/a&gt;"&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;1º.Passo: limpar o cache do npm&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;npm cache clean &lt;span class="nt"&gt;-f&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;2º.Passo: Instalação do pacote n (Pacote para gerenciamento do Node.JS)&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; n  &lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nt"&gt;-g&lt;/span&gt; é para pode instalar em modo Global&lt;span class="o"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;3º.Passo: Atualização&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;n stable  
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;4º.Passo Para verificar basta executar o seguinte comando:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;node &lt;span class="nt"&gt;-v&lt;/span&gt; ou node &lt;span class="nt"&gt;--version&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;OBS: Se caso você quiser atualizar para uma versão mas antiga pode usar o seguinte comando:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;&lt;span class="nb"&gt;sudo &lt;/span&gt;n 0.12.7   &lt;span class="o"&gt;(&lt;/span&gt;0.12.7 é só o exemplo da uma versão&lt;span class="o"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



</description>
      <category>node</category>
    </item>
  </channel>
</rss>
