DEV Community

Yuta Hamasaki
Yuta Hamasaki

Posted on

npmとnpxの違い

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

目次

  • npmとは?
  • npxとは?
  • まとめ

npmとは?

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

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

npm install ・・・
Enter fullscreen mode Exit fullscreen mode

アンインストール(削除)時:

npm uninstall ・・・
Enter fullscreen mode Exit fullscreen mode

更新時:

npm update ・・・
Enter fullscreen mode Exit fullscreen mode

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

npm run ・・・
Enter fullscreen mode Exit fullscreen mode

例:
npm run devnpm run buildなど

npxとは?

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

実行例

npx ・・・
Enter fullscreen mode Exit fullscreen mode

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

まとめ

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

Top comments (0)