nuxt

Nuxt 是一个全栈 Vue 框架，提供服务端渲染、基于文件的路由、自动导入和强大的模块系统。它使用 Nitro 作为服务端引擎，可在 Node.js、无服务器和边缘平台上进行通用部署。

此技能基于 Nuxt 3.x，生成于 2026-01-28。

核心

主题	描述	参考
目录结构	项目文件夹结构、约定和文件组织	core-directory-structure
配置	nuxt.config.ts、app.config.ts、运行时配置、环境变量	core-config
CLI 命令	开发服务器、构建、生成、预览和实用工具命令	core-cli
路由	基于文件的路由、动态路由、导航、中间件、布局	core-routing
数据获取	useFetch、useAsyncData、$fetch、缓存、刷新	core-data-fetching
模块	创建和使用 Nuxt 模块、Nuxt Kit 工具	core-modules
部署	使用 Nitro 进行平台无关的部署，支持 Vercel、Netlify、Cloudflare	core-deployment

功能

主题	描述	参考
Composable 自动导入	Vue API、Nuxt composable、自定义 composable、实用工具	features-composables
组件自动导入	组件命名、延迟加载、水合策略	features-components-autoimport
内置组件	NuxtLink、NuxtPage、NuxtLayout、ClientOnly 等	features-components
状态管理	useState composable、适用于 SSR 的状态、Pinia 集成	features-state
服务端路由	API 路由、服务端中间件、Nitro 服务端引擎	features-server

渲染

主题	描述	参考
渲染模式	通用渲染（SSR）、客户端渲染（SPA）、混合渲染、路由规则	rendering-modes

最佳实践

主题	描述	参考
数据获取模式	高效获取、缓存、并行请求、错误处理	best-practices-data-fetching
SSR 与水合	避免上下文泄漏、水合不匹配、composable 模式	best-practices-ssr

高级主题

主题	描述	参考
Layers	使用可复用的层扩展应用	advanced-layers
生命周期钩子	构建时、运行时和服务端钩子	advanced-hooks
模块编写	使用 Nuxt Kit 创建可发布的 Nuxt 模块	advanced-module-authoring