npm: a "loja de peças" gratuita do mundo dev

No post passado você instalou o Node.js e, de quebra, ganhou outra ferramenta junto: o npm. Você até rodou npm -v e viu um número aparecer. Mas o que é esse tal npm, e por que ele importa? É o que vamos entender agora — de leve, sem complicação.

A ideia: uma loja gigante e gratuita de peças prontas

Imagine que você vai construir algo com blocos de montar. Você poderia fabricar cada bloquinho do zero, um por um. Seria uma loucura. Ou você poderia ir a uma loja enorme onde já existem milhões de peças prontas — rodas, engrenagens, telhados — e pegar exatamente as que precisa.

O npm é essa loja. É o que chamamos de gerenciador de pacotes. Um "pacote" é uma peça de código pronta que outra pessoa já fez, testou e disponibilizou de graça pra todo mundo usar.

Em vez de programar tudo do zero, você (ou a IA) pega peças prontas da loja e encaixa no seu projeto. Isso economiza um tempo absurdo. É por isso que o mundo da programação anda tão rápido: quase ninguém começa da estaca zero.

A sigla npm vem de "node package manager", ou "gerenciador de pacotes do node". Ele veio junto com o Node.js justamente porque os dois andam de mãos dadas.

Confirmando que ele está aí

Antes de qualquer coisa, vamos confirmar que o npm está instalado. Abra o terminal (Terminal no Mac, PowerShell no Windows) e digite:

npm -v

Se aparecer um número, como 10.2.4, está tudo certo. Esse número é a versão do npm. Se não aparecer nada ou der erro, volte ao post anterior e reinstale o Node.js — o npm vem junto com ele, então o problema costuma estar lá.

O que significa "instalar um pacote"

Quando alguém diz "instale o pacote tal", quer dizer: pegue aquela peça pronta da loja e traga pra dentro do seu projeto. O comando que faz isso tem sempre o mesmo formato:

npm install nome-do-pacote

Você troca nome-do-pacote pelo nome da peça que quer. Por exemplo, se uma peça se chamasse bonita, seria npm install bonita. Quando você roda isso, o npm vai até a loja na internet, baixa a peça e a coloca dentro da pasta do seu projeto, pronta pra usar.

Importante: não saia instalando coisas agora. Não há nada pra instalar ainda. Esse comando só está aqui pra você reconhecer o formato quando o vir mais pra frente. Quando chegar a hora, vamos rodar junto, com calma.

Você não precisa decorar nomes de pacotes

Aqui vem a parte que tira o peso das suas costas: você não precisa saber quais pacotes existem nem decorar nome nenhum.

Quando o seu projeto precisar de uma peça específica, a IA vai te dizer exatamente qual instalar e qual comando colar. Você vai copiar, colar, apertar Enter, e pronto. A loja tem milhões de peças, mas descobrir qual usar é trabalho da IA, não seu.

Pense assim: a IA é o mecânico que conhece todas as peças do estoque. Você é o dono do carro. Você não precisa decorar o catálogo inteiro da loja — só precisa deixar o mecânico pedir a peça certa quando faltar.

Por que isso vai ser útil pra você

Quando formos construir o projeto real desta série, em algum momento ele vai precisar de uma peça pronta — talvez pra fazer uma página aparecer, talvez pra organizar dados. Nesse instante, a IA vai dizer algo como "rode npm install com tal nome". Agora você já vai saber o que aquilo significa: ela está mandando você pegar uma peça da loja gratuita.

Sem mistério, sem susto. Só uma loja de peças e um comando simples.

Se algo der errado

• npm -v não mostra número: o npm vem com o Node.js. Reinstale o Node.js pelo nodejs.org (post anterior) e lembre de abrir um terminal novo depois.
• Vi npm install em algum tutorial e instalei sem querer: relaxe, instalar um pacote não estraga seu computador; no máximo cria uns arquivos numa pasta. Por ora, prefira não rodar comandos de instalação fora dos nossos passos.
• Apareceram avisos amarelos (warnings) ao usar o npm: avisos não são erros. O npm é falante e adora mostrar mensagens. Enquanto não disser "error" em vermelho gritante, normalmente está tudo bem.

No próximo post, vamos instalar a última ferramenta antes de partir pra ação: o VS Code, um editor de código que vai ser a sua "bancada" de trabalho. É bem mais amigável que parece.