? 一、什么是 pnpm?
pnpm
是一種更快、更高效的 Node 包管理工具,替代 npm
或 yarn
,具有:
- 更快的安裝速度
- 更節省磁盤空間(包復用)
- 嚴格的依賴管理
二、使用 pnpm 創建 Vue 項目的完整流程
? 第一步:安裝 pnpm(只需一次)
npm install -g pnpm
若權限報錯,使用管理員權限打開終端,或改用
npm install -g pnpm --location=global
? 第二步:創建 Vue 項目
pnpm create vue
接下來會進入交互式向導:
選擇:
步驟 | 選擇 |
---|---|
📦 項目名稱 | vue3-bigement-admin (自己輸入) |
? 選擇功能 | Router、Pinia、ESLint、Prettier |
?? 實驗特性 | none(跳過) |
📁 是否為空項目 | 是(選擇 Yes) |
📦 三、項目創建完之后的指令
cd vue3-bigement-admin # 進入項目目錄
pnpm install # 安裝依賴
pnpm format # 執行格式化(Prettier)
pnpm dev # 啟動開發服務器
常見 pnpm 命令對比
功能 | npm 命令 | pnpm 命令 |
---|---|---|
安裝依賴 | npm install | pnpm install |
添加依賴 | npm install xx | pnpm add xx |
移除依賴 | npm uninstall xx | pnpm remove xx |
啟動項目 | npm run dev | pnpm dev |
格式化代碼 | 手動配置 | pnpm format |