Nuxt nuxt

Nuxt 是一个基于 Vue.js 的全栈 Web 开发框架,专注于服务端渲染(SSR)、自动导入和文件路由。它简化了现代 Web 应用的构建流程,支持混合渲染和跨平台部署,是构建高性能、SEO 友好的 Vue 应用的关键工具。关键词:Nuxt 框架、Vue SSR、服务端渲染、全栈开发、自动导入、文件路由、Nitro 服务器、混合渲染、Web 应用开发。

前端开发 1 次安装 5 次浏览 更新于 3/1/2026

名称: 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)、混合渲染、路由规则 渲染-模式

最佳实践

主题 描述 参考
数据获取模式 高效获取、缓存、并行请求、错误处理 最佳实践-数据获取
SSR 与水合 避免上下文泄漏、水合不匹配、组合式模式 最佳实践-SSR

高级

主题 描述 参考
使用可重用层扩展应用程序 高级-层
生命周期钩子 构建时、运行时和服务器钩子 高级-钩子
模块开发 使用 Nuxt Kit 创建可发布的 Nuxt 模块 高级-模块开发