做的比较好的美食网站网页代码模板

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 支持较弱

3、创建应用

上面的环境都准备好之后，就可以创建了。

pnpm create vue@latest

3.1 输入项目名称

3.2 请选择要包含的功能

这里我全选了，其他的按需要勾选

3.3 选择一个端到端测试框架

这里默认第一个即可。

3.4 是否引入Oxlint以加快检测？

这里可以Yes，试验快不快。如果是正式项目不建议！

看到这一步说明创建成功~

4、启动

进入目录，然后先进行依赖安装：

pnpm install

运行所需的依赖都安装之后，运行命令：

pnpm run dev

访问这个链接：http://localhost:5174/
看到个页面说明启动成功：

参考链接

https://cn.vuejs.org/guide/quick-start.html