pnpm 新建 vite+vue3 项目 及其与 npm 的区别

## 一、pnpm 新建 vite+vue3 项目

### 1. 安装 pnpm

首先，我们需要安装 pnpm，可以按照以下步骤操作：

1. 打开终端或命令提示符，确保当前用户具有管理员权限。
2. 输入以下命令：

npm install -g pnpm

### 2. 设置镜像源

为了提高 pnpm 的下载速度，我们可以设置镜像源，具体步骤如下：

1. 打开终端或命令提示符，输入以下命令：

pnpm config set registry https://registry.npm.taobao.org

### 3. 配置 pnpm 环境

接下来，我们需要配置 pnpm 环境，具体步骤如下：

1. 打开终端或命令提示符，输入以下命令：

pnpm init

2. 按照提示选择所需的配置选项，如项目名称、版本控制系统等。

### 4. 添加包

现在，我们可以使用 pnpm 来安装所需的包，具体步骤如下：

1. 打开终端或命令提示符，进入项目目录。
2. 输入以下命令：

pnpm add vite vue@next

### 5. 移除包

如果需要移除某个包，我们可以使用 pnpm 来完成，具体步骤如下：

1. 打开终端或命令提示符，进入项目目录。
2. 输入以下命令：

pnpm remove 包名

## 二、pnpm 和 npm 的区别

pnpm 和 npm 都是常用的包管理工具，但它们之间也存在一些差异，具体如下：

### 1. 安装速度

pnpm 的安装速度比 npm 更快，这是因为 pnpm 使用了硬链接的方式来管理依赖包，而 npm 则使用软链接的方式。硬链接是指在不同的文件或目录之间建立一个直接的连接，而软链接是指创建一个指向另一个文件或目录的指针。硬链接的速度要比软链接快，因此 pnpm 的安装速度也比 npm 更快。

### 2. 离线安装

pnpm 支持离线安装，这意味着即使在没有网络连接的情况下，也可以安装依赖包。这是因为 pnpm 会将下载的包缓存起来，以便在下次安装时直接从缓存中读取。npm 不支持离线安装，因此在没有网络连接的情况下，无法安装依赖包。

### 3. 包管理

pnpm 的包管理方式与 npm 不同，pnpm 使用了扁平化的包管理方式，而 npm 则使用了嵌套式的包管理方式。扁平化的包管理方式是指所有的依赖包都安装在同一个目录下，而嵌套式的包管理方式是指不同的依赖包安装在不同的目录下。扁平化的包管理方式更加简单和高效，而嵌套式的包管理方式更加灵活和可控。

### 4. 其他差异

除了上述差异外，pnpm 和 npm 还有一些其他差异，例如：

* pnpm 使用了 workspaces 的概念来管理多个项目，而 npm 没有这个概念。
* pnpm 支持符号链接，而 npm 不支持符号链接。
* pnpm 支持多注册表，而 npm 不支持多注册表。

## 三、结语

pnpm 和 npm 都是非常优秀的包管理工具，它们各有优缺点。pnpm 的安装速度更快、支持离线安装、包管理方式更加简单高效，而 npm 更加灵活和可控、支持更多的生态系统工具。具体使用哪种包管理工具，取决于您的具体需求和偏好。