安裝
使用我們的線上啟動器快速開始使用 Nuxt,或在本地使用終端啟動。
線上試玩
如果您只是想在瀏覽器中試玩 Nuxt,而不想設定專案,您可以使用我們的線上沙盒之一
或者按照以下步驟在您的計算機上設定一個新的 Nuxt 專案。
新專案
先決條件
- Node.js -
20.x
或更高版本(但我們推薦活躍的 LTS 版本) - 文字編輯器 - 沒有 IDE 要求,但我們推薦Visual Studio Code並安裝官方 Vue 擴充套件(以前稱為 Volar)或WebStorm,它與其他 JetBrains IDE一樣,開箱即用就能提供出色的 Nuxt 支援。
- 終端 - 用於執行 Nuxt 命令
最佳設定的附加說明
- Node.js:請務必使用偶數版本(20、22 等)
- Nuxtr:安裝社群開發的Nuxtr 擴充套件
- WSL:如果您使用 Windows 並遇到慢速 HMR,您可能想嘗試使用WSL(適用於 Linux 的 Windows 子系統)這可能會解決一些效能問題。
- Windows DNS 解析慢 - 在 Windows 上,本地開發伺服器不要使用
localhost:3000
,而是使用127.0.0.1
,以便瀏覽器載入速度快得多。
開啟一個終端(如果您使用Visual Studio Code,您可以開啟一個整合終端)並使用以下命令建立一個新的啟動專案
npm create nuxt@latest <project-name>
yarn create nuxt@latest <project-name>
pnpm create nuxt@latest <project-name>
bun create nuxt@latest <project-name>
deno -A npm:create-nuxt@latest <project-name>
或者,您可以透過開啟nuxt.new並按照其中的說明查詢其他啟動器或主題。
在 Visual Studio Code 中開啟您的專案資料夾
終端
code <project-name>
或者從您的終端進入您的新專案目錄
cd <project-name>
開發伺服器
現在您可以在開發模式下啟動您的 Nuxt 應用程式
npm run dev -- -o
yarn dev --open
pnpm dev -o
bun run dev -o
# To use the Bun runtime during development
# bun --bun run dev -o
deno run dev -o
幹得好!瀏覽器視窗應該會自動開啟https://:3000.
後續步驟
現在您已經建立了 Nuxt 專案,您可以開始構建您的應用程式了。