安裝

使用我們的線上啟動器快速開始使用 Nuxt,或在本地使用終端啟動。

線上試玩

如果您只是想在瀏覽器中試玩 Nuxt,而不想設定專案,您可以使用我們的線上沙盒之一

在 StackBlitz 上開啟

在 CodeSandbox 上開啟

或者按照以下步驟在您的計算機上設定一個新的 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>
或者,您可以透過開啟nuxt.new並按照其中的說明查詢其他啟動器或主題。

在 Visual Studio Code 中開啟您的專案資料夾

終端
code <project-name>

或者從您的終端進入您的新專案目錄

cd <project-name>

開發伺服器

現在您可以在開發模式下啟動您的 Nuxt 應用程式

npm run dev -- -o
幹得好!瀏覽器視窗應該會自動開啟https://:3000.

後續步驟

現在您已經建立了 Nuxt 專案,您可以開始構建您的應用程式了。

Nuxt 概念中閱讀更多內容。