Ivan's Blog

使用 Bun 快速启动一个 Vue + Vite 项目

首先要安装 Bun ,然后依次:

  1. 创建项目 bun create vite my-app
  2. 选择 vue 框架,js 或 ts 语言
  3. 进入 cd my-app
  4. 安装依赖 bun i
  5. 运行 bunx --bun vite

其中 --bun 的参数是让系统使用 bun 执行 vite,能提升速度,因为默认情况下,bun 会根据 vite 提供的 shebang 行来选择程序执行,所以大概率会默认使用 node

如果要像使用 npm run dev 这样的命令执行,则直接修改 packge.json 文件即可:

"scripts": {
  "dev": "vite",
  "dev": "bunx --bun vite",
  "build": "bunx --bun vite build",
  "serve": "bunx --bun vite preview"
},
// ...

然后就可以执行 bun run dev,还可以顺手安装 TailwindCSS

#前端 #笔记

PREV 在现有项目上安装 TailwindCSS
NEXT Hugo 文章时区问题导致无法显示