【搭建】Vue3项目（pnpm）

概要

【搭建】Vue3项目（pnpm）

整体架构流程

使用 pnpm 包管理器 - 创建项目

技术名词解释

pnpm 包管理器

优势：比同类工具快2倍左右、节省磁盘空间，链接: pnpm

技术细节

创建项目需要在子目录中创建（根级别有时候会报 权限不够）

安装方式：

1. 找到想要创建 Vue3项目 的目录，需要在子目录中创建（根级别有时候会报 权限不够）
   例如： E:\XXX\“在这里建项目”
   此目录中打开命令行，输入以下命令后回车：

npm install -g pnpm

2. 安装完之后输入:

pnpm create vue

会出现如图说所示：
输入项目名称：例如：vue-project
之后会出现许多英文如下：

翻译如下，
请输入项目名称：vue-project（上面已经打过了）
包名称：vue-project
（以下根据需要选择）
是否使用 TypeScript 语法？ … 否 / 是
是否启用 JSX 支持？ … 否 / 是
是否引入 Vue Router 进行单页面应用开发？ … 否 / 是
是否引入 Pinia 用于状态管理？ … 否 / 是
是否引入 Vitest 用于单元测试？ … 否 / 是
是否要引入一款端到端（End to End）测试工具？ » 不需要
是否引入 ESLint 用于代码质量检测？ … 否 / 是
是否引入 Prettier 用于代码格式化？ … 否 / 是
出现下图：

切换到项目里面输入

cd vue-project

回车，输入以下代码安装依赖

pnpm install

安装成功后输入

pnpm dev

会出现一段网址：
复制后在浏览器打开出现下图

搭建完成。

小结

对于小白可以用以上方法创建Vue3项目