nuxt/nuxt 来源：https://github.com/nuxt/nuxt

Nuxt

Nuxt 是一个免费开源的框架，提供直观且可扩展的方式来构建类型安全、高性能且生产级的全栈 Web 应用和网站，基于 Vue.js。它提供了许多功能，使得构建快速、SEO 友好且可扩展的 Web 应用变得简单，包括：

• 服务端渲染、静态站点生成、混合渲染和边缘渲染
• 自动路由，支持代码拆分和预取
• 数据获取和状态管理
• 搜索引擎优化和定义 meta 标签
• 组件、组合函数和工具的自动导入
• TypeScript，零配置
• 通过 server/ 目录实现全栈开发
• 可扩展，拥有 300+ 个模块（https://nuxt.com/modules）
• 部署到多种托管平台（https://nuxt.com/deploy）
• ……以及更多（https://nuxt.com）

🚀

目录

• 🚀 入门指南
• 💻 Vue 开发
• 📖 文档
• 🧩 模块
• ❤️ 贡献
• 🏠 本地开发
• 🛟 专业支持
• 🔗 关注我们
• ⚖️ 许可证

🚀 入门指南

使用以下命令创建一个新的启动项目。这将创建一个包含所有必要文件和依赖的启动项目：

npm create nuxt@latest

[!提示] 还可以试试 nuxt.new（https://nuxt.new）：在 CodeSandbox、StackBlitz 或本地打开一个 Nuxt 启动器，几秒钟即可上手。

💻 Vue 开发

简单、直观且强大，Nuxt 让你以合理的方式编写 Vue 组件。每个重复性任务都已自动化，让你可以自信地专注于编写全栈 Vue 应用。

app.vue 示例：

<template>
  <div>
    <h1>欢迎使用 Nuxt</h1>
  </div>
</template>

<script setup>
useSeoMeta({
  title: '认识 Nuxt',
  description: '直观的 Vue 框架。'
})
</script>

<style>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

📖 文档

我们强烈建议你查阅 Nuxt 文档（https://nuxt.com/docs）来提升水平。这是学习框架的绝佳资源，涵盖了从入门到高级主题的所有内容。

🧩 模块

探索我们的模块列表（https://nuxt.com/modules），由 Nuxt 团队和社区创建，为你的 Nuxt 项目赋能。

❤️ 贡献

我们邀请你贡献并帮助改进 Nuxt 💚 以下是你参与的一些方式：

• 报告 Bug： 如果你遇到任何 Bug 或问题，请查看报告 Bug 指南（https://nuxt.com/docs/4.x/community/reporting-bugs）了解如何提交 Bug 报告。
• 建议： 有改进 Nuxt 的想法？我们很想听听！查看贡献指南（https://nuxt.com/docs/4.x/community/contribution）分享你的建议。
• 问题： 如果你有问题或需要帮助，获取帮助指南（https://nuxt.com/docs/4.x/community/getting-help）提供了相关资源。

🏠 本地开发

按照文档设置本地开发环境（https://nuxt.com/docs/4.x/community/framework-contribution#setup），为框架和文档做出贡献。

🛟 专业支持

• 技术审计与咨询：Nuxt 专家（https://nuxt.com/enterprise/support）
• 定制开发及更多：Nuxt 机构合作伙伴（https://nuxt.com/enterprise/agencies）

🔗 关注我们

⚖️ 许可证

MIT（https://github.com/nuxt/nuxt/blob/main/LICENSE）