npm vs npx - What's the difference?

Yuta Hamasaki — Fri, 01 Nov 2024 16:06:56 +0000

I had been using npm and npx without knowing the difference, but after the lecture where my instructor explained them, I’ve made a quick summary. Understanding what npm and npx are helps to use them effectively.

Contents

What is npm?
What is npx?
Summary

What is npm?

npm stands for Node Package Manager and is a system for managing Node.js packages. It installs, updates, and removes packages as you develop your project.。

Example usage:
To install a package:


npm install ・・・

To uninstall a package:

npm uninstall ・・・

To update a package:

npm update ・・・

When executing scripts, use npm to run tasks specified in package.json:

npm run ・・・

Examples: Commands like npm run dev or npm run build.

What is npx?

npx stands for Node Package Execute, a tool for running packages. It can temporarily install and execute a package that isn’t already installed, and it removes the package afterward.

In addition to temporary use, npx can also directly execute installed packages, such as npx ts-node or npx nodemon. This improves convenience in the command line by making tools directly accessible.

Example usage:

npx ・・・

For instance, when running npx create-next-app, npx installs create-next-apptemporarily for immediate use and then removes it when finished.

Summary

For packages you plan to use long-term, use npm install to add them to your project dependencies. For one-time commands or temporary packages, use npx, which provides the convenience of automatic cleanup.

This approach minimizes project dependencies, ensuring efficient project management and command execution.

npmとnpxの違い

Yuta Hamasaki — Fri, 01 Nov 2024 15:57:27 +0000

今まで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 で実行し、終了後はパッケージが自動的に消去される利便性を活かします。
この使い分けにより、パッケージの依存関係を最小限にしながら、効率的なプロジェクト管理とコマンド実行が可能になります。

DEV Community: Yuta Hamasaki