当前位置：首页 > ops >正文

Vue学习001-创建 Vue 应用

ops 2025/6/16 7:53:54

创建 Vue 应用

1、安装node.js
2、安装pnpm
- npm、pnpm、yarn、bun 对比
- - 安装速度
  - 磁盘空间
  - 网络与缓存
  - 适用场景推荐
  - 兼容性与生态
3、创建应用
- 3.1 输入项目名称
- - 3.2 请选择要包含的功能
  - 3.3 选择一个端到端测试框架
  - 3.4 是否引入Oxlint以加快检测？
4、启动
参考链接

在这里插入图片描述

1、安装node.js

这里建议安装nvm多版本管理node.js，想用哪个版本，一条命令即可~
多版本管理node.js

2、安装pnpm

为什么要用pnpm，为啥不用npm直接安装？下面也有所讲解。

npm install -g pnpm@latest# 查看是否安装
pnpm -v# 查看当前配置的镜像地址
pnpm config get registry# 修改国内pnpm源
pnpm config set registry https://registry.npmmirror.com

在这里插入图片描述

npm、pnpm、yarn、bun 对比

安装速度

Bun 最快（官方称比 npm 快 20-100 倍，利用 Zig 编写和并行安装）。
pnpm 次之（通过硬链接复用依赖，冷启动快）。
yarn 优于 npm（并行下载 + 缓存优化）。
npm 最慢（但 v7+ 已改进）。

磁盘空间

pnpm 最节省（全局存储共享依赖，节省 50%+ 空间）。
Bun 和 yarn 中等（优化缓存但仍有冗余）。
npm 占用最高（每个项目独立安装依赖）。

网络与缓存

yarn 和 pnpm 支持离线安装，缓存机制更高效。
Bun 依赖全局缓存，但更注重运行时性能

适用场景推荐

npm：
新手入门或小型项目；
对兼容性要求极高的传统项目。
yarn：
企业级 Monorepo（Yarn Workspaces）；
需要严格依赖锁定和离线支持的场景。
pnpm：
大型项目或 Monorepo（依赖隔离和磁盘优化）；
追求高效和稳定性的团队。
bun：
新项目或实验性技术栈（如 SSR、高频 API）；
追求极致性能（安装、运行时、打包一体化）

兼容性与生态

npm：
100% 兼容 Node.js，最稳定最大，官方支持性能劣势
yarn：
高度兼容，但 PnP 模式可能冲突成熟，企业级项目常用 Yarn Berry 配置复杂
pnpm：
99% 兼容，少数旧工具需适配快速增长，Monorepo 首选极少数包兼容性问题
bun：
80% 兼容，部分 Node.js API 需适配新兴，社区活跃但较小稳定性风险，Windows 支持较弱