Tools: npm vs npx: qual a diferença?

Diferença na prática Se você está começando no ecossistema do Node.js, é bem comum confundir e nem entender o npm e npx. O que eles fazem? Qual a diferença? Onde moram? De que vivem? O npm é o gerenciador de pacotes do node, (Node Package Manager). Você usa o npm principalmente para instalar dependências e rodar scripts do projeto, aqueles scripts declarados no manifesto package.json. No fim do dia, o npm faz essa sequência: O npx serve para executar pacotes, sem ter que instalar globalmente. É como se, pegando como exemplo o create-react-app, ele baixasse temporáriamente o pacote create-react-app, e o executasse, sem ter que instalar globalmente e correr riscos de conflitos de versões posteriormente. Já quando você chama ele dentro do seu working directory, e você já tem esse pacote instalado localmente no escopo do projeto, ele apenas executa ele, como eh o caso do prisma e do eslint dos exemplos. Uma regra simples de lembrar: npm instala, npx executa Desde o npx, quase não faz mais sentido instalar ferramentas globalmente. Se esse post te ajudou, deixa um comentário ou complementa com mais exemplos, valeuzasso! Templates let you quickly answer FAQs or store snippets for re-use. Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink. Hide child comments as well For further actions, you may consider blocking this person and/or reporting abuse COMMAND_BLOCK: npm install react # Instalando um package normal npm install -D eslint # Instalando um package de desenvolvimento npm run dev # Rodando o script dev declarado no package.json Enter fullscreen mode Exit fullscreen mode COMMAND_BLOCK: npm install react # Instalando um package normal npm install -D eslint # Instalando um package de desenvolvimento npm run dev # Rodando o script dev declarado no package.json COMMAND_BLOCK: npm install react # Instalando um package normal npm install -D eslint # Instalando um package de desenvolvimento npm run dev # Rodando o script dev declarado no package.json CODE_BLOCK: npx create-react-app meu-app npx eslint . npx prisma migrate dev Enter fullscreen mode Exit fullscreen mode CODE_BLOCK: npx create-react-app meu-app npx eslint . npx prisma migrate dev CODE_BLOCK: npx create-react-app meu-app npx eslint . npx prisma migrate dev - baixa os pacotes - adiciona ao node_modules - registra no package.json - usa a versão local do pacote (se existir) - ou baixa temporariamente, executa e descarta - npm → instalar e gerenciar dependências - npx → executar comandos de pacotes