如何使用 pnpm创建Vue 3 项目
✅ 一、什么是 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 |