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