使用 Nuxt

什麼是 Nuxt

Nuxt 是一個免費開源的框架，它提供了一種直覺且可擴展的方式來使用Vue.js創建類型安全、高效能且生產級的全端 Web 應用程式和網站。

截至 2026/01，最新版本是 Nuxt4

使用環境

node.js 20.x 以上的 LTS(長期穩定) 版本

macOS 怎麼使用

步驟一：透過 nvm 下載 Node.js，並順便安裝 npm

nvm(node version manager) 是管理 node.js 版本工具。

不同專案可能有不同的 node.js 版本，安裝這個可以讓我們隨時切換版本。

npm(node package manager)是套件管理工具。

專案裡需要使用很多套件，為了多人同時開發需要有一致性，確保大家使用的東西都是一樣的。

目前 Node.js 官網提供方便的下載工具

Node.js — 下載 Node.js®nodejs.org

步驟二：使用 npm 建立 Nuxt 專案

選擇一個資料夾A，將這個資料夾拖曳至程式編輯器，打開終端機(Terminal)，輸入以下指令：

npm create nuxt@latest <project-name>

這個指令會在資料夾 A 裡建立一個 <project-name> 資料夾，並且把 Nuxt 的檔案都放進去。

過程中 Nuxt 會問你需不需要另外安裝什麼東西，先選預設的就好。

步驟三：使用 npm 啟動本機網站

安裝完之後，因為我們的路徑還在 A 資料夾，所以要先進入 <project-name> 資料夾：

cd <project-name>

接下來就可以先執行以下指令，先看到預設網站長什麼樣子：

npm run dev

參考來源

• https://nuxt.com/docs/4.x/getting-started/introduction

• https://ithelp.ithome.com.tw/articles/10234060