Nuxt 3 全栈 Vue 框架教程：服务器端渲染、文件路由与模块开发

nuxt by antfu/skills

8,200 周安装量

4,300 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/antfu/skills --skill 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, 缓存, 刷新

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

主题	描述	参考链接
组合式函数自动导入	Vue API、Nuxt 组合式函数、自定义组合式函数、实用工具	features-composables
组件自动导入	组件命名、懒加载、水合策略	features-components-autoimport
内置组件	NuxtLink, NuxtPage, NuxtLayout, ClientOnly 等	features-components
状态管理	useState 组合式函数、SSR 友好的状态、Pinia 集成	features-state
服务器路由	API 路由、服务器中间件、Nitro 服务器引擎	features-server

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

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

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

🇺🇸English

Nuxt is a full-stack Vue framework that provides server-side rendering, file-based routing, auto-imports, and a powerful module system. It uses Nitro as its server engine for universal deployment across Node.js, serverless, and edge platforms.

The skill is based on Nuxt 3.x, generated at 2026-01-28.

Core

Topic	Description	Reference
Directory Structure	Project folder structure, conventions, file organization	core-directory-structure
Configuration	nuxt.config.ts, app.config.ts, runtime config, environment variables	core-config
CLI Commands	Dev server, build, generate, preview, and utility commands	core-cli
Routing	File-based routing, dynamic routes, navigation, middleware, layouts	core-routing
Data Fetching	useFetch, useAsyncData, $fetch, caching, refresh	core-data-fetching
Modules	Creating and using Nuxt modules, Nuxt Kit utilities	core-modules
Deployment	Platform-agnostic deployment with Nitro, Vercel, Netlify, Cloudflare	core-deployment

Features

Topic	Description	Reference
Composables Auto-imports	Vue APIs, Nuxt composables, custom composables, utilities	features-composables
Components Auto-imports	Component naming, lazy loading, hydration strategies	features-components-autoimport
Built-in Components	NuxtLink, NuxtPage, NuxtLayout, ClientOnly, and more	features-components
State Management	useState composable, SSR-friendly state, Pinia integration	features-state
Server Routes	API routes, server middleware, Nitro server engine	features-server

Rendering

Topic	Description	Reference
Rendering Modes	Universal (SSR), client-side (SPA), hybrid rendering, route rules	rendering-modes

Best Practices

Topic	Description	Reference
Data Fetching Patterns	Efficient fetching, caching, parallel requests, error handling	best-practices-data-fetching
SSR & Hydration	Avoiding context leaks, hydration mismatches, composable patterns	best-practices-ssr

Advanced

Topic	Description	Reference
Layers	Extending applications with reusable layers	advanced-layers
Lifecycle Hooks	Build-time, runtime, and server hooks	advanced-hooks
Module Authoring	Creating publishable Nuxt modules with Nuxt Kit	advanced-module-authoring

Weekly Installs

5.4K

Repository

antfu/skills

GitHub Stars

3.9K

First Seen

Jan 28, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykWarn

Installed on

opencode4.1K

codex4.0K

gemini-cli3.9K

github-copilot3.9K

kimi-cli3.4K

cursor3.4K