npm do zero: instalação de bibliotecas e comandos principais
Aprenda o que é npm, como instalar e remover bibliotecas, rodar scripts e entender dependências em projetos frontend.
- #npm
- #Node.js
- #Dependências
- #Comandos
- #Frontend
O que é npm?
npm é o gerenciador de pacotes mais usado no ecossistema JavaScript. Ele normalmente é instalado junto com o Node.js.
Com npm, você consegue criar projetos, instalar bibliotecas, remover bibliotecas, rodar scripts, atualizar dependências, reconstruir node_modules e usar ferramentas modernas de frontend.
npm é o gerenciador de pacotes que vem com o Node.js. Ele instala bibliotecas, executa scripts e ajuda a manter as dependências do projeto organizadas.
Como saber se npm está instalado?
No terminal, confira as versões do npm e do Node. Se os dois comandos funcionarem, você tem a base necessária para começar.
npm -v
node -vInstalando bibliotecas
O comando básico é npm install nome-da-biblioteca. Esse comando instala a biblioteca e atualiza package.json, package-lock.json e node_modules.
Para dependências de desenvolvimento, use npm install -D nome-da-biblioteca. O -D significa --save-dev.
Rode comandos npm dentro da pasta do projeto, no mesmo nível do package.json. Se você rodar npm install na pasta errada, a dependência será instalada no projeto errado.
Lendo o comando: npm install instala um pacote e registra essa dependência no package.json. Depois disso, a pasta node_modules será atualizada.
npm install react-router
npm install -D typescriptDependencies e devDependencies
Use dependencies quando a aplicação precisa daquela biblioteca para funcionar. Use devDependencies quando a biblioteca ajuda no desenvolvimento, build, formatação ou validação.
Rodando scripts
Os scripts ficam no package.json. Para rodar o projeto, use npm run dev. Para gerar a versão final, use npm run build.
Scripts são atalhos definidos no package.json. Quando você roda npm run dev, o npm procura o script dev e executa o comando associado a ele.
npm run dev
npm run buildDepois de clonar e ao remover bibliotecas
Quando você clona um projeto do GitHub, ele geralmente vem sem node_modules. Depois de clonar, entre na pasta e rode npm install.
Se instalou uma biblioteca errada, use npm uninstall nome-da-biblioteca. Isso remove a biblioteca e atualiza os arquivos do projeto.
Ao remover uma dependência, confira se o código ainda não importa essa biblioteca. Se algum arquivo ainda usa o pacote removido, o projeto pode quebrar ao rodar.
git clone git@github.com:seu-usuario/projeto-react.git
cd projeto-react
npm install
npm run dev
npm uninstall react-router
