透過 100 多個技巧集合學習 Nuxt!

安裝

透過我們的線上範例快速開始使用 Nuxt,或是在您的終端機上從本機開始。

線上試玩

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

在 StackBlitz 上開啟

在 CodeSandbox 上開啟

或者按照以下步驟在您的電腦上設定新的 Nuxt 專案。

新專案

先決條件

最佳設定的其他注意事項
  • Node.js:請務必使用偶數版本 (18、20 等)
  • Nuxtr:安裝社群開發的 Nuxtr 擴充功能

開啟終端機(如果您使用 Visual Studio Code,您可以開啟整合式終端機),並使用以下命令建立新的起始專案

npx nuxi@latest init <project-name>
或者,您可以開啟 nuxt.new,並依照其中的指示尋找其他起始專案或主題。

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

終端機
code <project-name>

或從您的終端機將目錄變更為您的新專案

cd <project-name>

開發伺服器

現在您將能夠在開發模式下啟動您的 Nuxt 應用程式

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

下一步

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

請在 Nuxt 概念中閱讀更多資訊。