安裝套件

把別人的程式碼加進你的專案

⏱ 預估 ~9 分鐘

01 · 讀一讀

你接下來要裝你的第一個 npm 套件：Express。Express 是 JavaScript 裡最熱門的 web server 框架。每週超過 3000 萬個工程師下載它。

你跑 npm install 時會發生三件事：

1. npm 從 registry 下載套件 2. 它把程式碼存在叫 node_modules 的資料夾 3. 它把套件名稱記錄在你的 package.json 的 dependencies 下面

繼續之前確認你還在 my-server 資料夾裡。

裝 Express。這會把 Express 跟它依賴的所有套件下載到你的專案。在終端機跑下面的指令、等它跑完，然後按「I did it」繼續。

npm install express

現在再看一次 package.json。你應該會看到新的 dependencies 區塊列著 Express。

cat package.json

哪個檔追蹤你專案的相依套件，讓別人也能安裝？

我們偷看一下 node_modules — npm 存所有下載套件的資料夾。Express 需要很多其他套件才能動，所以你會看到不只 'express' 而已。

ls node_modules | head -20

要裝 Express，打 npm _____ express。

好多資料夾！Express 依賴其他套件，那些套件又依賴其他套件。這叫相依樹（dependency tree）。

重要的事：你永遠不要把 node_modules commit 到 git。它可能有幾千個檔、幾百 MB。你的 package.json 記錄你需要什麼，任何 clone 你專案的人都可以跑 npm install 重新下載。

這就是 package.json 為什麼那麼重要 — 它是食譜。node_modules 是食材。

💡 想像一下package.json 是購物清單。node_modules 是真的食材。你分享的是清單，不是一卡車食物。

重點整理

隊友 clone 你的 GitHub 專案，沒有 node_modules 資料夾。他們要跑什麼才能拿到所有相依套件？

⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。

※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。