Qual a diferença entre npm e npx (e o que é npx afinal)?

Neste artigo você vai aprender qual a diferença entre npm e npx, com uma abordagem prática, para tirar todas as suas dúvidas!

Fala programador(a), beleza? Bora aprender mais sobre npm e npx, que fazem parte do ecossistema de Node.js!

As diferenças são bem simples e claras, o npm é um gerenciador de pacotes e quase um gerenciador de projetos de Node.js também

Nele podemos instalar, remover e atualizar pacotes, que ficam salvos no package.json

E também criar scripts para executar ao longo do projeto, como de inicialização

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Geralmente quando criamos um projeto de Node.js o npm nos acompanha ao longo dele, pelos motivos citados acima

Já o npx tem um papel específico: executar pacotes de Node.js, que vão resultar em algo

Um clássico uso para o npx é a instalação do React, utilizando o pacote create-react-app

A partir do momento que utilizamos o comando, um projeto é criado

E depois utilizamos apenas o npm neste projeto, para gerenciar os demais pacotes e também o projeto

Ou seja, o papel do npx é mais raro e o npm é mais recorrente

Um exemplo de cada um deles:

npm install lodash

npx create-react-app meu-app

Na primeira linha instalamos o pacote lodash no nosso projeto

Já na segunda criamos um projeto em React com o npx, entendeu? 🙂

Conclusão

No artigo você viu qual a diferença entre npm e npx

As duas ferramentas são muito úteis para os projetos de Node.js

Com npm podemos gerenciar os pacotes que estão ou estarão no nosso projeto

Já com o npx, executamos alguns pacotes específicos de Node.js para que eles façam algo ou criem um projeto

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!

Adicionar uma seção com o subtítulo ‘O que é npx?’ que responda a pergunta em uma ou duas linhas de forma autossuficiente, resumindo que o npx serve pra executar pacotes de Node.js sem precisar deixar eles instalados no projeto, e que por isso é comum pra rodar um pacote uma vez só (como criar a base de um projeto). Manter o tom direto e sem ponto final, do jeito do resto do post.

Adicionar uma seção ‘Perguntas frequentes’ com respostas curtas e qualitativas: ‘O que é npx?’ (executa pacotes de Node.js), ‘Qual a diferença entre npm e npx?’ (npm gerencia e instala pacotes do projeto, npx executa um pacote pra fazer algo ou criar um projeto), ‘Quando uso npm e quando uso npx?’ (npm no dia a dia do projeto, npx nos casos pontuais, como iniciar um projeto novo). Usar só o que o próprio corpo já afirma, sem citar versão, comando de instalação ou detalhe não verificado.

Adicionar um bloco curto de ‘Quando usar cada um’ contrastando os dois em uma linha cada: npm para instalar e gerenciar os pacotes que ficam no projeto, npx para executar um pacote pontual que resulta em alguma ação. Reaproveitar exatamente a ideia que já está no corpo (‘o papel do npx é mais raro e o npm é mais recorrente’), só organizando num subtítulo que responde a comparação de forma escaneável.