npx

npx是一種非常酷的執行Node代碼的方式，提供了許多有用的功能。 在這篇文章中，我想介紹一個非常強大的命令，從2017年7月開始在npm的5.2版本中可用：npx。 如果你不想安裝npm，你可以單獨安裝npx套件 npx讓你執行使用Node編寫並通過npm註冊表發佈的代碼。 輕鬆運行本地命令 Node開發人員習慣將大多數可執行命令作為全局套件發佈，以便它們能夠在路徑中並立即執行。 這很痛苦，因為實際上你不能安裝不同版本的相同命令。 運行npx 命令名稱將自動在項目的node_modules文件夾中找到正確的命令引用，而無需知道確切的路徑，也無需將套件安裝為全局註冊。 無需安裝的命令執行 npm還有另一個很棒的功能，就是允許在不先安裝它們的情況下運行命令。 這非常有用，主要原因是： 你不需要安裝任何東西 你可以運行不同版本的相同命令，使用@version語法 使用npx的典型演示是通過cowsay命令。cowsay會打印一頭牛，說出你在命令中輸入的內容。例如： cowsay "Hello"將打印以下內容： ____ < Hello > -------- \ ^__^ \ (oo)\_______ (__)\ )\/\ ||-----w | || || 現在，如果你之前從npm全局安裝了cowsay命令，否則當你嘗試運行該命令時，將會出錯。 使用npx，你可以在本地執行該npm命令，而無需將其安裝： npx cowsay "Hello" 就能運行了。 現在這只是一個有趣但毫無用處的命令。其他場景包括： 使用vue CLI工具創建新應用程序並運行：npx vue create my-vue-app 使用create-react-app創建新的React應用程序：npx create-react-app my-react-app 等等。 一旦下載完成，下載的代碼將被刪除。 使用不同的Node版本運行代碼 使用@指定版本，並結合node npm套件來達到這個目的： npx [[email protected]](/cdn-cgi/l/email-protection) -v #v6.14.3 npx [[email protected]](/cdn-cgi/l/email-protection) -v #v8.11.3 這有助於避免像nvm或其他Node版本管理工具這樣的工具。 直接從URL運行任意代碼片段 npx並不限制你只能運行npm註冊表中發佈的套件。 你可以運行存儲在GitHub Gist中的代碼，例如： npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32 當然，運行你無法控制的代碼時，你需要小心，因為偉大的力量伴隨著偉大的責任。

create-react-app 是開始使用 React 應用的最簡單方法。 create-react-app 是一個旨在讓您快速掌握 React 的項目。它提供了一個現成的 React 應用程序起始器，讓您可以開始構建應用程序，而不必處理 Webpack 和 Babel 的配置。 它提供了以下功能： 具有熱重載的開發服務器 集成了 Jest 的測試環境 构建 React 應用程序的能力 兼容 ES6+ 語法 打包所有 JavaScript 和資源文件 包含 CSS 自動添加器、SASS 和 CSS Modules 支持 等等！ 您可以通過使用 npx 開始使用，這是一種在不安裝命令的情況下下載和執行 Node.js 命令的簡單方法。npx 隨 npm 一起提供（自版本 5.2 起）。如果您尚未安裝 npm，請從 https://nodejs.org 安裝（npm 會隨 Node 一同安裝）。 如果您不確定自己的版本，我建議您檢查是否需要更新。 提示：如果您對終端機不熟悉，請查看我的終端機教程 https://flaviocopes.com/macos-terminal/。 當您運行 npx create-react-app <app-name> 時，npx 將下載最新的 create-react-app 版本，並運行它，然後將其從您的系統中刪除。這非常好，因為您的系統上永遠不會有過時的版本，每次運行該命令時，您都會獲得最新和最好的代碼。 讓我們開始： npx create-react-app todolist 執行完畢時的截圖： 這是執行完成後的截圖： create-react-app 在您指定的文件夾中（此例中為todolist）創建了文件結構，並初始化了 Git 存儲庫。...