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

# 全栈 Vue 框架

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

## 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>
- Sitemap (XML): <https://nuxt.zhcndoc.com/sitemap.xml>
- Sitemap (Markdown): <https://nuxt.zhcndoc.com/sitemap.md>
- LLMs index: <https://nuxt.zhcndoc.com/llms.txt>
- Full LLMs documentation: <https://nuxt.zhcndoc.com/llms-full.txt>

## Resources for Agents

- MCP Server Card: <https://nuxt.zhcndoc.com/.well-known/mcp/server-card.json>
- MCP endpoint: <https://nuxt.zhcndoc.com/mcp>
- API Catalog: <https://nuxt.zhcndoc.com/.well-known/api-catalog>

## 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>