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 应用与内容站点。

访客计数:------ Best viewed in Netscape Navigator · 800×600 © LocalHost Run