首頁  >  文章  >  web前端  >  npm 與 npx

npm 與 npx

Barbara Streisand
Barbara Streisand原創
2024-10-04 20:24:02797瀏覽

npm Vs npx

如果您一直在使用 Node.js,您可能已經遇到過 npm 和 npx。
雖然它們聽起來很相似且都是 Node.js 生態系統不可或缺的一部分,但它們有不同的用途。這篇文章將探討 npm 和 npx 之間的差異,幫助您了解何時以及為何使用它們。

什麼是 NPM?

NPM 是 Node Package Manager 的縮寫,是 Node.js 的預設套件管理器。它允許開發人員在其專案中安裝、共用和管理套件(庫或程式碼模組)。

以下是一些 npm 幫助完成的常見任務:

  • 安裝依賴項:

npm install <package-name>


  • 管理套件版本:鎖定庫的特定版本以確保一致的建置。

  • 執行專案特定腳本: 在 package.json 檔案中定義。


npm run <script-name>


什麼是 NPX?

npx 是 NPM 版本 5.2.0(2017 年 7 月)中引入的工具。 npm 管理相依性和套件,而 npx 旨在執行 Node.js 套件,尤其是 CLI 工具,而無需全域安裝它們。

NPM 和 NPX 之間的主要差異

1。套件安裝與執行

  • NPM: 當您使用 npm 安裝軟體包時,它會將該軟體包全域安裝或本機安裝到您的專案目錄。這意味著您必須先安裝軟體包才能使用它。

npm install -g create-react-app
create-react-app my-app


  • NPX :使用 npx,您可以執行 CLI 工具或執行檔無需全域安裝它們。 例如,您可以執行 create-react-app 而無需全域安裝。

npx create-react-app my-app


這可以節省時間和磁碟空間,因為您可以避免安裝可能只使用一次的軟體包。


2。全球套餐
當您使用 npm 時,全域套件會安裝並保留在您的系統中,這有時會使您的環境變得混亂。

使用 npx,您可以執行套件,而不必擔心將其永久保留在系統上。

使用 npm 全域安裝套件的範例:


npm install -g typescript
tsc --version



使用 npx,無需全域安裝:


npx tsc --version



3。自動包裹處理
當您使用 npx 執行命令時,它會自動檢查該套件是否存在於本機或全域,如果不存在,它會暫時下載並執行它。這對於運行一次性任務特別有用。

例如:


npx cowsay "Hello, World!"


這將下載cowsay包(如果未安裝),運行它,然後清理。


4。無需腳本即可打包可執行檔
使用 npm 執行 package.json 腳本中定義的命令時,您可以編寫:


npm run my-script


但是使用npx,你可以直接執行執行指令:


npx my-script


如果腳本未在 package.json 中明確定義,這尤其有用。

何時使用 NPM

- 管理依賴項: 使用 npm 來安裝、更新和刪除專案相依性。

- 執行特定於專案的腳本: 在 package.json 中定義並根據您的專案量身定制。

- 管理套件版本: 鎖定特定版本的程式庫以保持專案一致性。

何時使用 NPX

- 一次性套件執行: 對於不想全域安裝的套件使用 npx,例如只使用一次的 CLI 工具。

- 運行可執行檔: 對於像 create-react-app 這樣的命令,npx 允許您無需全域安裝即可運行它們。

- 測試不同版本:快速執行特定版本的工具,無需安裝它。

最後,npm 和 npx 都是 Node.js 生態系中必不可少的工具,但它們的用途不同。使用 npm 管理專案的依賴項,使用 npx 執行套件而無需永久安裝。

這個小小的區別可以使您的工作流程更加高效,節省時間並避免不必要的全域安裝。

以上是npm 與 npx的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:提到曼聯...去下一篇:提到曼聯...去