使用 Qwik 和 Bun 构建应用

使用 bunx create-qwik 初始化一个新的 Qwik 应用。

create-qwik 包会检测你是否正在使用 bunx，并使用 bun 安装依赖。

terminal

bun create qwik

Text

      ............
    .::: :--------:.
   .::::  .:-------:.
  .:::::.   .:-------.
  ::::::.     .:------.
 ::::::.        :-----:
 ::::::.       .:-----.
  :::::::.     .-----.
   ::::::::..   ---:.
    .:::::::::. :-:.
     ..::::::::::::
             ...::::


┌  Let's create a  Qwik App  ✨ (v1.20.0)
│
◇  你想在哪里创建新项目？(使用 '.' 或 './' 表示当前目录)
│  ./my-app
│
●  正在 /path/to/my-app 创建新项目 ... 🐇
│
◇  Select a starter
│  Playground App (Qwik City + Qwik)
│
◇  你想安装 bun 依赖吗？
│  是
│
◇  初始化一个新的 git 仓库？
│  否
│
◇  完成安装。要听个笑话吗？
│  是
│
○  ────────────────────────────────────────────────────────╮
│                                                          │
│  你怎么知道床下有大象？                                 │
│  你的头顶到天花板了！                                    │
│                                                          │
├──────────────────────────────────────────────────────────╯
│
◇  应用已创建 🐰
│
◇  已安装 bun 依赖 📋
│
○  结果 ─────────────────────────────────────────────╮
│                                                      │
│  成功！项目已创建于 my-app 目录                       │
│                                                      │
│  集成？添加 Netlify、Cloudflare、Tailwind...          │
│  bun qwik add                                        │
│                                                      │
│  相关文档：                                           │
│  https://qwik.dev/docs/getting-started/              │
│                                                      │
│  有问题？开始聊天：                                   │
│  https://qwik.dev/chat                               │
│  https://twitter.com/QwikDev                         │
│                                                      │
│  演讲、播客和视频：                                  │
│  https://qwik.dev/media/                             │
│                                                      │
│  下一步：                                            │
│  cd my-app                                           │
│  bun start                                           │
│                                                      │
│                                                      │
├──────────────────────────────────────────────────────╯
│
└  编码愉快！🎉

运行 bun run dev 启动开发服务器。

terminal

bun run dev

Text

$ vite --mode ssr

VITE v7.3.1   ssr   ready in 433 ms

➜  Local:   http://localhost:5173/
➜  Network: use --host to expose
➜  press h + enter to show help

在浏览器中打开 http://localhost:5173 查看结果。编辑源文件时，Qwik 会热加载你的应用。

查看 Qwik 文档了解更多信息。