<?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: Matheus Silva Hofart</title>
    <description>The latest articles on DEV Community by Matheus Silva Hofart (@hofart).</description>
    <link>https://dev.to/hofart</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1049500%2F6b4eee22-3715-4c83-a00f-ec29f78a2905.jpeg</url>
      <title>DEV Community: Matheus Silva Hofart</title>
      <link>https://dev.to/hofart</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hofart"/>
    <language>en</language>
    <item>
      <title>Iniciando no Nuxt 3</title>
      <dc:creator>Matheus Silva Hofart</dc:creator>
      <pubDate>Wed, 12 Apr 2023 02:05:24 +0000</pubDate>
      <link>https://dev.to/hofart/iniciando-no-nuxt-3-1g88</link>
      <guid>https://dev.to/hofart/iniciando-no-nuxt-3-1g88</guid>
      <description>&lt;p&gt;Faaaaaaala turma!!👋&lt;/p&gt;

&lt;p&gt;Esse será o primeiro de uma série de posts sobre o framework.&lt;/p&gt;

&lt;p&gt;Antes de começarmos, estou presumindo que você já tenha o &lt;strong&gt;Node&lt;/strong&gt; instalado na sua máquina, sendo assim, bora por as mãos na massa!!&lt;/p&gt;

&lt;p&gt;Abra o terminal de sua preferência e digite &lt;code&gt;npx nuxi init &amp;lt;project-name&amp;gt;&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dFCRYA6v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96qadx654g8uyeha6jd6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dFCRYA6v--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96qadx654g8uyeha6jd6.png" alt="Instalacao nuxt" width="527" height="124"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;No meu caso ficou como primeiro-projeto.&lt;/p&gt;

&lt;p&gt;No terminal basta digitar &lt;code&gt;cd primeiro-projeto&lt;/code&gt; para entrar no diretório.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YQftnHdd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rvk2r8cbdhbjgaejyltz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YQftnHdd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rvk2r8cbdhbjgaejyltz.png" alt="Entrando na pasta do projeto" width="539" height="96"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Em seguida (ainda no terminal) só mandar um &lt;code&gt;npm install&lt;/code&gt; e o rolê vai acontecer, agora é só aguardar. &lt;/p&gt;

&lt;p&gt;No meu caso, o npm finalizou a instalação em aproximadamente 1 minuto.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MEoa0Y8j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bvuji1wx5emzj07p50am.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MEoa0Y8j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bvuji1wx5emzj07p50am.png" alt="Finalização da instalacao das dependencias" width="372" height="34"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ainda no terminal a gente manda um &lt;code&gt;code .&lt;/code&gt;, se você estiver utilizando VS Code, senão, basta abrir o projeto normalmente.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lxvGtpdJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4m7mzvvym52cy6utwoql.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lxvGtpdJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4m7mzvvym52cy6utwoql.png" alt="VS code aberto" width="305" height="281"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Agora sim meu patrão, prontinho pra gente codar.&lt;/p&gt;

&lt;p&gt;Claro, você pode seguir também a documentação, mas esse post é pra você que assim como eu, quando comecei, ficava perdidim quando lia uma documentação!!😂&lt;/p&gt;

&lt;p&gt;No próximo post irei trazer um pouco sobre a estrutura de pastas que iremos utilizar e fazer a instalação de algumas depêndencias de desenvolvimento (falaremos mais sobre isso).&lt;/p&gt;

&lt;p&gt;Maaaaaaass .. antes desse próximo post chegar, convido a você a explorar o framework e nem que seja, escrever um &lt;strong&gt;Hello World&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Se quiser, poste aqui nos comentários!!&lt;/p&gt;

&lt;p&gt;Então é isso, até a proxima!!😉&lt;/p&gt;

</description>
      <category>vue</category>
      <category>nuxt</category>
      <category>tutorial</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Resolvendo NPM warning config global `---global`, `---local` are deprecated.</title>
      <dc:creator>Matheus Silva Hofart</dc:creator>
      <pubDate>Wed, 22 Mar 2023 00:46:12 +0000</pubDate>
      <link>https://dev.to/hofart/resolvendo-npm-warning-config-global-global-local-are-deprecated-3odb</link>
      <guid>https://dev.to/hofart/resolvendo-npm-warning-config-global-global-local-are-deprecated-3odb</guid>
      <description>&lt;p&gt;Faaaaaaala turma!!👋&lt;/p&gt;

&lt;p&gt;Esse é apenas o meu primeiro post, fiquei muito em dúvida do que escrever aqui, maaaaas... &lt;/p&gt;

&lt;p&gt;Até que olhei pro meu terminal e me deparei com esse &lt;strong&gt;&lt;em&gt;warning!!&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FV9nSs3M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5a3whkv0axstb5k3xcx9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FV9nSs3M--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5a3whkv0axstb5k3xcx9.png" alt="imagem do npm" width="591" height="60"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Logo pensei, hmmm... isso pode gerar um conteúdo, então bora resolver essa parada!!&lt;/p&gt;

&lt;p&gt;Em algum momento nas instalações da vida, você deve ter utilizado &lt;code&gt;npm install -g&lt;/code&gt; e não &lt;code&gt;npm install --location=global&lt;/code&gt;, e a partir disso começou a aparecer essa mensagem no seu terminal. Pra gente resolver isso é bem simples, precisaremos ir até a pasta &lt;strong&gt;&lt;em&gt;\nodejs&lt;/em&gt;&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tii5Y1Il--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2oy1q9mz5lj5pt6a67w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tii5Y1Il--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2oy1q9mz5lj5pt6a67w.png" alt="imagem referente ao windows explorer na pasta do nodejs" width="676" height="325"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Abra esses arquivos que estão selecionados na imagem acima.  No meu caso, irei abri-los no VS Code.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8VapI6Fv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/09xyhj6mevsv24syh1oh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8VapI6Fv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/09xyhj6mevsv24syh1oh.png" alt="imagem referente aos arquivos selecionados" width="880" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Agora basta dar &lt;strong&gt;&lt;em&gt;CTRL+F&lt;/em&gt;&lt;/strong&gt;, pesquisar por &lt;strong&gt;&lt;em&gt;prefix -g&lt;/em&gt;&lt;/strong&gt; e substituí-lo por &lt;strong&gt;&lt;em&gt;prefix --location=global&lt;/em&gt;&lt;/strong&gt;, logo após você salvar o arquivo irá aparecer esse pop-up no canto inferior direito com uma mensagem de erro!!😢&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IK6hThV1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/row5ku656cwwye1tu1v4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IK6hThV1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/row5ku656cwwye1tu1v4.png" alt="imagem referente ao pop-up" width="462" height="122"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mas calma lá meu(minha) jovem, o VS Code não tem a permissão para fazer a mudança, então ele vai pedir para tentar novamente como administrador.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--f7uL32av--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mw7bos682azqjpu325nb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--f7uL32av--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mw7bos682azqjpu325nb.png" alt="imagem referente ao botao" width="121" height="40"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Basta permitir a alteração nos 4 arquivos, reiniciar seu terminal (por garantia) e rodar o npm no seu projeto eeeee &lt;strong&gt;&lt;em&gt;voilà&lt;/em&gt;&lt;/strong&gt;, sem warning!!🐱‍👤 &lt;/p&gt;

&lt;p&gt;É isso pessoal... espero que esse post tenha ajudado e até a próxima!!😎&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>terminal</category>
      <category>beginners</category>
    </item>
  </channel>
</rss>
