使用 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 文件瞭解更多資訊。