一、npx簡介
npx是什麼呢？它是與npm配套使用的一款工具，通常用於臨時安裝npm包並執行命令。實際上，npx並不是一款新的工具，它從npm5.2.0版本開始就內置在npm中了。
我們常用的npm命令需要全局安裝，再使用命令，例如：
npm install -g create-react-app
create-react-app my-app
這樣做的話會將create-react-app模塊全局安裝到我們的系統中，隨着我們迭代版本，安裝包數量會越來越多，會耗費系統的存儲空間，刪除包時會比較麻煩。這時候，就需要npx上場了。
二、npx的使用場景
npx最大的優勢就是可以省去全局安裝的步驟，直接使用npx命令執行項目所需的依賴包。比如，在我們新建一個React項目時，通常需要執行create-react-app命令。我們可以使用npx來代替全局安裝create-react-app，例如：
npx create-react-app my-app
cd my-app
npm start
執行完這段命令後，npx會自動尋找create-react-app模塊，如果本地找不到，會在npm倉庫中在線下載最新版本。但是相比於全局安裝，每次執行 npx 命令都會檢查模塊是否有更新並自動安裝最新版本，所以需要一些時間進行檢查安裝，執行完命令後，模塊文件會被刪除。
同時，npx也可以直接執行本地安裝的包，例如：
npx webpack
該命令會在當前目錄下尋找webpack模塊並執行。npx會先檢查node_modules/.bin/目錄下是否有webpack命令，如果沒有則會去全局找，或者自動下載最新版本進行執行。
三、npx其他功能
除了上述使用場景外，npx還有一些其他的特性：
1.執行 GitHub 上項目的特定版本：
npx github:username/repo#commit-or-branch或npx github:username/repo@version等命令可以在不克隆代碼的情況下執行 GitHub 倉庫上項目特定版本的腳本。
2.執行本地命令行工具：
npx可以直接執行系統內安裝好的CLI工具，例如：
npx open-cli ./README.md
該命令會執行open-cli的README.md文件。
四、總結
本文結合實際開發情況，詳細介紹了npx的用法及其特性。相對於全局安裝的方式，npx可以避免安裝包對系統的破壞，並保持模塊依賴性的版本控制。使用npx，我們可以更加方便地管理和執行命令，提升開發效率。
原創文章，作者：AZFXQ，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/370589.html
微信掃一掃 
支付寶掃一掃 