Nuxt 本地开发指南
使用 Nuxt 构建 Vue 全栈应用,文件路由与 SSR/SSG,本地默认 localhost:3000 热更新。
Nuxt 是基于 Vue 的全栈框架,提供文件路由、服务端渲染(SSR)、静态生成(SSG)、API 路由与自动导入,可视为 Vue 生态中的 Next.js。
快速开始
npm create nuxt@latest my-nuxt-app
cd my-nuxt-app
npm install
npm run dev默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:3000 |
修改端口:npm run dev -- --port 3001 或在 nuxt.config.ts 中设置 devServer.port。
常用命令
| 命令 | 说明 |
|---|---|
npm run dev | 开发模式(HMR) |
npm run build | 生产构建 |
npm run preview | 预览生产构建 |
npm run generate | 静态站点生成(SSG) |
目录结构
pages/:文件路由,自动生成路由表server/api/:服务端 API 路由components/、composables/:自动导入,无需手动 import
部署
可部署到 Node 服务器、Nuxt 托管平台,或通过 generate 输出纯静态站点到 .output/public。
小结
Nuxt 本地开发默认 **http://localhost:3000**,适合 Vue 全栈、SEO 友好的 SSR 应用与内容站点。