使用 Astro 和 Bun 構建應用

使用 bun create astro 初始化全新的 Astro 應用。create-astro 包會檢測你是否在使用 bunx 並自動使用 bun 安裝依賴。

bun create astro

txt

╭─────╮  Houston:
│ ◠ ◡ ◠  We're glad to have you on board.
╰─────╯

 astro   v3.1.4 Launch sequence initiated.

   dir   Where should we create your new project?
         ./fumbling-field

  tmpl   How would you like to start your new project?
         Use blog template
      ✔  Template copied

  deps   Install dependencies?
         Yes
      ✔  Dependencies installed

    ts   Do you plan to write TypeScript?
         Yes

   use   How strict should TypeScript be?
         Strict
      ✔  TypeScript customized

   git   Initialize a new git repository?
         Yes
      ✔  Git initialized

  next   Liftoff confirmed. Explore your project!

         Enter your project directory using cd ./fumbling-field
         Run `bun run dev` to start the dev server. CTRL+C to stop.
         Add frameworks like react or tailwind using astro add.

         Stuck? Join us at https://astro.build/chat

╭─────╮  Houston:
│ ◠ ◡ ◠  Good luck out there, astronaut! 🚀
╰─────╯

使用 bunx 啟動開發服務器。

默認情況下，Bun 會使用 Node.js 運行開發服務器。若要改用 Bun 運行時，請使用 --bun 標志。

bunx --bun astro dev

txt

  🚀  astro  v3.1.4 started in 200ms

  │ Local    http://localhost:4321/
  │ Network  use --host to expose

在瀏覽器中打開 http://localhost:4321 查看結果。當你編輯源文件時，Astro 會熱重載你的應用。

請參閱 Astro 文檔獲取完整文檔。