---
title: "全栈 Vue 框架"
description: "使用 Vue 快速构建可用于生产环境的 Web 应用。基于文件的路由、自动导入和服务器端渲染，所有功能均已开箱即用。"
canonical_url: "https://nuxt.zhcndoc.com"
---
# 全栈 Vue 框架

> 使用 Vue 快速构建可用于生产环境的 Web 应用。基于文件的路由、自动导入和服务器端渲染，所有功能均已开箱即用。

## When to use this

Use these docs when you are writing, reviewing or debugging code for a Nuxt application: scaffolding a project, configuring `nuxt.config.ts`, picking a rendering mode per route, writing pages, layouts, components, composables, server routes, middleware and plugins, fetching data with `useFetch` and `useAsyncData`, adding or authoring a module, upgrading between major versions, and deploying to a specific provider.

They cover Nuxt itself. For Vue, Vite, Nitro or UnJS APIs, go to their own documentation, and for questions about a specific module, to the module's own docs, which the directory links.
## How to fetch these docs

Every documentation, blog and deploy page is also Markdown. Append `.md` to a URL, or send `Accept: text/markdown` on the HTML one. <https://nuxt.zhcndoc.com/llms-full.txt> is the whole documentation in a single file, and <https://nuxt.zhcndoc.com/sitemap.md> lists every page.

For search and structured lookups, call the MCP server at <https://nuxt.zhcndoc.com/mcp> (streamable HTTP), described by <https://nuxt.zhcndoc.com/.well-known/mcp/server-card.json>. The REST endpoints under `/api/v1` are public, read-only and need no credentials: the module directory, its health data, and the core and ecosystem teams. <https://nuxt.zhcndoc.com/openapi.json> describes them.
## Features

- **零配置**: 立即开始使用 Vue 或 TypeScript 编码 —— Nuxt 为您处理所有设置。
- **渲染模式**: 服务端渲染、客户端渲染、静态网站生成，任您选择，甚至可以精确到页面级别。
- **路由与布局**: 使用基于文件的路由系统构建复杂的基于 URL 的视图，同时复用组件以提升性能。
- **数据获取**: 让您的 Vue 组件支持异步操作并等待数据。Nuxt 提供强大的组合函数用于通用数据获取。
- **错误处理**: 使用内置的错误处理程序和自定义错误页面捕获应用程序中的错误。
- **过渡效果**: 在布局、页面和组件之间实现平滑过渡效果。
- **资源与样式**: 通过内置支持，实现图像、字体和脚本的自动优化。
- **SEO 与元标签**: 创建能够被搜索引擎完全索引的生产级应用程序。
- **模块化**: 通过 200+ 个模块扩展 Nuxt 功能，加快应用程序交付速度。
- **中间件**: 在页面渲染之前保护或添加自定义逻辑（本地化、A/B 测试）。
- **TypeScript 类型安全**: 使用自动生成的类型和 tsconfig.json 编写类型安全的代码。
## Getting started

```bash
npx nuxi@latest init <project-name>
cd <project-name>
npm install
npm run dev
```

- Introduction: <https://nuxt.zhcndoc.com/raw/docs/4.x/getting-started/introduction.md>
- Installation: <https://nuxt.zhcndoc.com/raw/docs/4.x/getting-started/installation.md>
- Configuration: <https://nuxt.zhcndoc.com/raw/docs/4.x/getting-started/configuration.md>
## Explore

- Documentation: <https://nuxt.zhcndoc.com/docs>
- Modules: <https://nuxt.zhcndoc.com/raw/modules.md>
- Templates: <https://nuxt.zhcndoc.com/templates>
- Showcase: <https://nuxt.zhcndoc.com/showcase>
- Deploy: <https://nuxt.zhcndoc.com/deploy>
- Blog: <https://nuxt.zhcndoc.com/blog/rss.xml>
- Changelog: <https://nuxt.zhcndoc.com/changelog/rss.xml>
- Team: <https://nuxt.zhcndoc.com/team>
## Community

- GitHub: <https://github.com/nuxt/nuxt>
- Discord: <https://chat.nuxt.dev>
- X (Twitter): <https://x.com/nuxt_js>
- Bluesky: <https://bsky.app/profile/nuxt.com>

## Resources for Agents

- [API catalog: every service document this site publishes](https://nuxt.zhcndoc.com/.well-known/api-catalog)
- [Sitemap (XML)](https://nuxt.zhcndoc.com/sitemap.xml)
- [Sitemap (Markdown): every page on the site](https://nuxt.zhcndoc.com/sitemap.md)
- [MCP server card: MCP endpoint at https://nuxt.zhcndoc.com/mcp](https://nuxt.zhcndoc.com/.well-known/mcp/server-card.json)
- [MCP endpoint (streamable HTTP)](https://nuxt.zhcndoc.com/mcp)
- [llms.txt: index of the documentation for LLMs](https://nuxt.zhcndoc.com/llms.txt)
- [llms-full.txt: the full documentation as a single file](https://nuxt.zhcndoc.com/llms-full.txt)
- [OpenAPI specification: machine-readable API surface](https://nuxt.zhcndoc.com/openapi.json)
- [Design system](https://nuxt.zhcndoc.com/design.md)
- [Documentation](https://nuxt.zhcndoc.com/docs)

Every page on this site is available as raw markdown: append `.md` to its
URL or send `Accept: text/markdown`.