Nuxt

Nuxt 是什么

Nuxt 是一个免费开源的全栈框架，用直观且可扩展的方式，基于 Vue.js 构建类型安全、高性能、可用于生产环境的 Web 应用与网站。

它把 Vue 开发中大量重复工作自动化，让你专注写业务代码。

核心能力

• 多种渲染模式：服务端渲染（SSR）、静态站点生成（SSG）、混合渲染与边缘渲染
• 自动路由：基于文件的路由，自带代码分割与预取
• 数据获取与状态管理：内置组合式数据获取 API
• SEO 支持：便捷定义 meta 标签与页面元信息
• 自动导入：组件、composables、工具函数无需手动 import
• 零配置 TypeScript：开箱即用的类型支持
• 全栈能力：通过 server/ 目录编写后端接口
• 模块生态：300+ 模块可插拔扩展
• 多平台部署：适配多种托管平台

快速开始

创建新项目：

npm create nuxt@latest <my-project>

也可以使用 nuxt.new 在 CodeSandbox、StackBlitz 或本地几秒内启动一个起步模板。

一个页面示例

<script setup lang="ts">
useSeoMeta({
  title: 'Meet Nuxt',
  description: 'The Intuitive Vue Framework.',
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

组件与 composables 会被自动导入，页面路由由文件结构自动生成。

适合谁用

• 需要 SEO 与首屏性能的官网、内容站、电商前台
• 希望用 Vue 一套技术栈完成前后端的团队
• 需要静态生成 + 动态接口混合部署的项目

学习与参与

官方文档覆盖从入门到进阶的完整内容，建议先通读文档再上手。社区可通过 Discord 提问，也欢迎按贡献指南提交 Bug 报告与改进建议。项目采用 MIT 许可证。