1. 安装 corepack

1
2
3
4
corepack enable
corepack prepare pnpm@latest --activate
pnpm -v

corepack 是 Node.js 16.14+ 版本的一个工具，用于管理 Node.js 包管理器。作为 yarn 和 pnpm 的替代方案，在不同项目中使用不同的包管理器，而无需全局安装多个版本的包管理器。

2. 初始化项目

1
2
3
4
5
pnpm create vite@latest react-demo --template react-ts
cd react-demo
pnpm install
pnpm dev

3. 项目结构

react-demo/
├─ index.html # 页面入口
├─ src/
│ ├─ main.tsx # React 挂载入口
│ ├─ App.tsx # 根组件
│ └─ assets/ # 资源文件
└─ package.json # 项目依赖