The npx Node Package Runner
npx is a very cool way to run Node code, and provides many useful features
In this post, I want to introduce a very powerful command that’s been available in npm starting version 5.2, released in July 2017: npx.
If you don’t want to install npm, you can install npx as a standalone package
npx
lets you run code built with Node and published through the npm registry.
Easily run local commands
Node developers used to publish most of the executable commands as global packages, in order for them to be in the path and executable immediately.
This was a pain because you could not really install different versions of the same command.
Running npx commandname
automatically finds the correct reference of the command inside the node_modules
folder of a project, without needing to know the exact path, and without requiring the package to be installed globally and in the user’s path.
Installation-less command execution
There is another great feature of npm
, which is allowing to run commands without first installing them.
This is pretty useful, mostly because:
- you don’t need to install anything
- you can run different versions of the same command, using the syntax @version
A typical demonstration of using npx
is through the cowsay
command. cowsay
will print a cow saying what you wrote in the command. For example:
cowsay "Hello"
will print
_______
< Hello >
-------
\ ^__^
\ (oo)\_______
(__)\ )\/\
||----w |
|| ||
Now, this if you have the cowsay
command globally installed from npm previously, otherwise you’ll get an error when you try to run the command.
npx
allows you to run that npm command without having it installed locally:
npx cowsay "Hello"
will do the job.
Now, this is a funny useless command. Other scenarios include:
- running the
vue
CLI tool to create new applications and run them:npx vue create my-vue-app
- creating a new React app using
create-react-app
:npx create-react-app my-react-app
and many more.
Once downloaded, the downloaded code will be wiped.
Run some code using a different Node version
Use the @
to specify the version, and combine that with the node
npm package:
npx node@6 -v #v6.14.3
npx node@8 -v #v8.11.3
This helps to avoid tools like nvm
or the other Node version management tools.
Run arbitrary code snippets directly from a URL
npx
does not limit you to the packages published on the npm registry.
You can run code that sits in a GitHub gist, for example:
npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32
Of course, you need to be careful when running code that you do not control, as with great power comes great responsibility.
→ I wrote 17 books to help you become a better developer:
- C Handbook
- Command Line Handbook
- CSS Handbook
- Express Handbook
- Git Cheat Sheet
- Go Handbook
- HTML Handbook
- JS Handbook
- Laravel Handbook
- Next.js Handbook
- Node.js Handbook
- PHP Handbook
- Python Handbook
- React Handbook
- SQL Handbook
- Svelte Handbook
- Swift Handbook
Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025