在使用 pnpm 管理項(xiàng)目依賴時， pnpm add 和 pnpm install 是兩個常用的命令，但它們的功能和使用場景有所不同。以下是詳細(xì)的解釋：

---

1. pnpm add

功能：用于向項(xiàng)目的 package.json 文件中添加新的依賴項(xiàng)，并安裝這些依賴項(xiàng)。

特點(diǎn)：

• 添加依賴：會將指定的包添加到 dependencies、devDependencies 或 optionalDependencies 中。
• 自動安裝：不僅會更新 package.json，還會立即安裝新添加的依賴項(xiàng)。
• 靈活性：可以通過參數(shù)指定依賴項(xiàng)的類型（如 --save-dev 添加到 devDependencies）。

常用選項(xiàng)：

• --save-dev 或 -D：將包添加到 devDependencies。
• --save-peer 或 -P：將包添加到 peerDependencies。
• --save-optional 或 -O：將包添加到 optionalDependencies。
• --save-exact 或 -E：保存精確版本號。

示例：

# 添加一個新的生產(chǎn)依賴項(xiàng)
pnpm add react react-dom# 添加一個新的開發(fā)依賴項(xiàng)
pnpm add --save-dev @types/react @types/react-dom# 添加并保存精確版本號
pnpm add --save-exact lodash

---

2. pnpm install

功能：根據(jù) package.json 文件中的依賴項(xiàng)列表安裝所有依賴項(xiàng)。

特點(diǎn)：

• 安裝現(xiàn)有依賴：不會修改 package.json，只是根據(jù)已有的依賴項(xiàng)列表安裝所需的包。
• 適用于多種場景：常用于克隆倉庫后首次安裝依賴，或者在更改了 package.json 后重新安裝所有依賴項(xiàng)。
• 處理鎖文件：會根據(jù) pnpm-lock.yaml 文件確保安裝的依賴項(xiàng)版本一致。

示例：

# 安裝所有依賴項(xiàng)
pnpm install# 安裝特定版本的依賴項(xiàng)（如果需要）
pnpm install react@18.3.1 react-dom@18.3.1

---

3. 總結(jié)

• pnpm add：用于添加新的依賴項(xiàng)并安裝它們，同時更新 package.json。
• pnpm install：僅用于安裝 package.json 中已列出的依賴項(xiàng)，不會修改 package.json。

應(yīng)用場景

• 開發(fā)過程中添加新依賴：使用 pnpm add 來添加新的庫或工具，并確保它們被記錄在 package.json 中。
• 初始設(shè)置或更新依賴：使用 pnpm install 來安裝所有現(xiàn)有的依賴項(xiàng)，特別是在克隆倉庫或更新 package.json 后。

示例

假設(shè)你想要添加一個新的開發(fā)依賴項(xiàng) typescript，你可以使用以下命令：

pnpm add --save-dev typescript

這將更新 package.json 并安裝該插件。

如果你只是想確保所有現(xiàn)有依賴項(xiàng)都已正確安裝，可以運(yùn)行：

pnpm install

這將根據(jù) package.json 和 pnpm-lock.yaml 安裝所有必要的依賴項(xiàng)。