名称: nuxt
描述: Nuxt 是一个全栈 Vue 框架,支持服务端渲染(SSR)、自动导入和基于文件的路由。适用于 Nuxt 应用、服务器路由、useFetch、中间件或混合渲染的开发场景。
元数据:
作者: Anthony Fu
版本: “2026.1.28”
来源: 生成自 https://github.com/nuxt/nuxt,脚本位于 https://github.com/antfu/skills
Nuxt 是一个全栈 Vue 框架,提供服务器端渲染、基于文件的路由、自动导入和强大的模块系统。它使用 Nitro 作为其服务器引擎,可在 Node.js、无服务器和边缘平台之间实现通用部署。
此技能基于 Nuxt 3.x,生成于 2026-01-28。
核心
| 主题 |
描述 |
参考 |
| 目录结构 |
项目文件夹结构、约定、文件组织 |
核心-目录结构 |
| 配置 |
nuxt.config.ts、app.config.ts、运行时配置、环境变量 |
核心-配置 |
| CLI 命令 |
开发服务器、构建、生成、预览和实用命令 |
核心-CLI |
| 路由 |
基于文件的路由、动态路由、导航、中间件、布局 |
核心-路由 |
| 数据获取 |
useFetch、useAsyncData、$fetch、缓存、刷新 |
核心-数据获取 |
| 模块 |
创建和使用 Nuxt 模块、Nuxt Kit 工具 |
核心-模块 |
| 部署 |
使用 Nitro 进行平台无关的部署,支持 Vercel、Netlify、Cloudflare 等 |
核心-部署 |
特性
| 主题 |
描述 |
参考 |
| 组合式自动导入 |
Vue API、Nuxt 组合式函数、自定义组合式函数、工具 |
特性-组合式 |
| 组件自动导入 |
组件命名、懒加载、水合策略 |
特性-组件自动导入 |
| 内置组件 |
NuxtLink、NuxtPage、NuxtLayout、ClientOnly 等 |
特性-组件 |
| 状态管理 |
useState 组合式函数、SSR 友好状态、Pinia 集成 |
特性-状态 |
| 服务器路由 |
API 路由、服务器中间件、Nitro 服务器引擎 |
特性-服务器 |
渲染
| 主题 |
描述 |
参考 |
| 渲染模式 |
通用(SSR)、客户端(SPA)、混合渲染、路由规则 |
渲染-模式 |
最佳实践
高级
| 主题 |
描述 |
参考 |
| 层 |
使用可重用层扩展应用程序 |
高级-层 |
| 生命周期钩子 |
构建时、运行时和服务器钩子 |
高级-钩子 |
| 模块开发 |
使用 Nuxt Kit 创建可发布的 Nuxt 模块 |
高级-模块开发 |