透過 100+ 個技巧學習 Nuxt!

安裝

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

線上體驗

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

在 StackBlitz 上開啟

在 CodeSandbox 上開啟

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

新專案

先決條件

最佳設定的額外注意事項
  • Node.js:請務必使用偶數版本 (18、20 等)
  • Nuxtr:安裝社群開發的 Nuxtr 擴充功能
  • WSL:如果您使用 Windows,我們建議使用 WSL (Windows Subsystem for Linux) 以及像 Ubuntu 這樣的發行版,以獲得更好的開發者效能。

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

npm create nuxt <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 概念 中閱讀更多。