今までnpmとnpxの違いを知らないまま使用していましたが授業で講師の先生がそれらのことについて説明していたのでざっくりとまとめました。npm,npxが何かを理解することで使い分けができるようになります。

目次

• npmとは？
• npxとは？
• まとめ

npmとは？

npmはNode Package Managerの略で、Node.jsのパッケージを管理するシステムです。プロダクトを開発する際にパッケージなどをインストール、更新、削除してくれるものです。

実行例：
インストール時：

npm install ・・・

アンインストール（削除）時：

npm uninstall　・・・

更新時:

npm update　・・・

スクリプトを実行する際
package.jsonを実行する際に使用します。

npm run　・・・

例：
npm run devやnpm run buildなど

npxとは？

npxはNode Package Executeの略で、パッケージを実行するツールです。
npxはnpm installされていないものを一時的にインストールして実行するコマンドで一時的にインストールされたものは実行後は消去されます。
また、一時的な使用だけでなくnpxは、たとえば npx ts-node や npx nodemon のように、インストール済みパッケージを直接実行するためにも使用されます。これは、コマンドラインでの使い勝手を向上させるためによく用いられます。

実行例

npx ・・・

npx create-next-appを実行した際を例とするとまず,
create-next-appがインストールされ、実行後にcreate-react-app がアンインストールされる。

まとめ

長期的に利用するパッケージはnpm install でインストールし、プロジェクトの依存関係として保持します。
一時的に使うコマンドや、試用が目的のものは npx で実行し、終了後はパッケージが自動的に消去される利便性を活かします。
この使い分けにより、パッケージの依存関係を最小限にしながら、効率的なプロジェクト管理とコマンド実行が可能になります。