安裝
透過我們的線上範例快速開始使用 Nuxt,或是在您的終端機上從本機開始。
線上試玩
如果您只想在瀏覽器中試用 Nuxt 而無需設定專案,您可以使用我們的線上沙箱之一
或者按照以下步驟在您的電腦上設定新的 Nuxt 專案。
新專案
先決條件
- Node.js -
18.x
或更新版本(但我們建議使用活動 LTS 版本) - 文字編輯器 - 沒有 IDE 要求,但我們建議使用 Visual Studio Code 並搭配 官方 Vue 擴充功能 (先前稱為 Volar) 或 WebStorm,以及其他 JetBrains IDE,它們都提供了開箱即用的絕佳 Nuxt 支援。
- 終端機 - 為了執行 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 專案,您已準備好開始建構您的應用程式。