简介
Nuxt 是一个免费且开源框架，以直观和可扩展的方式，基于 Vue.js 创建类型安全、高性能且适用于生产环境的完整堆栈网页应用和网站。
我们设计了一切，让您可以从一开始就编写 .vue 文件，同时在开发中享受热模块替换（HMR），并在生产环境中获得默认支持服务端渲染的高性能应用。
Nuxt 没有供应商锁定，允许您将应用部署到任何地方，甚至边缘。
自动化与约定
Nuxt 使用约定和有意见的目录结构来自动化重复性任务，让开发者专注于推动功能开发。配置文件仍可自定义和覆盖默认行为。
- 基于文件的路由： 根据
pages/目录的结构定义路由。这可以简化应用的组织，避免手动配置路由。 - 代码分割： Nuxt 自动将代码分割成较小的块，有助于减少应用的初始加载时间。
- 开箱即用的服务端渲染： Nuxt 内置了 SSR 功能，您无需自行设置独立服务器。
- 自动导入： 在相应的目录中编写 Vue 组合式函数和组件，无需导入即可使用，同时享受树摇优化和优化的 JS 打包。
- 数据获取工具： Nuxt 提供支持 SSR 的数据获取组合式函数以及不同的策略。
- 零配置 TypeScript 支持： 通过自动生成的类型和
tsconfig.json，无需学习 TypeScript 即可编写类型安全的代码。 - 配置好的构建工具： 我们默认使用 Vite 支持开发中的热模块替换（HMR）并为生产环境打包代码，内置最佳实践。
Nuxt 处理这些功能并提供前端和后端功能，让您专注于重要的事情：创建您的网页应用。
服务端渲染
Nuxt 默认内置服务端渲染（SSR）功能，无需自行配置服务器，这为网页应用带来了诸多好处：
- 更快的初始页面加载时间： Nuxt 向浏览器发送完全渲染的 HTML 页面，可立即显示。这可以提供更快的感知页面加载时间和更好的用户体验（UX），尤其是在较慢的网络或设备上。
- 改进的 SEO： 搜索引擎可以更好地索引 SSR 页面，因为 HTML 内容立即可用，而无需在客户端执行 JavaScript 渲染内容。
- 在低性能设备上的更好表现： 它减少了客户端需要下载和执行的 JavaScript 量，这对处理繁重 JavaScript 应用的低性能设备有益。
- 更好的可访问性： 内容在初始页面加载时立即可用，改善了依赖屏幕阅读器或其他辅助技术的用户的可访问性。
- 更简单的缓存： 页面可以在服务端缓存，进一步提高性能，减少生成和发送内容到客户端的时间。
总体而言，服务端渲染可以提供更快、更高效的用户体验，同时改善搜索引擎优化和可访问性。
作为一款多功能的框架，Nuxt 允许您通过 nuxt generate 将整个应用静态渲染到静态托管环境中，通过 ssr: false 选项全局禁用 SSR，或通过设置 routeRules 选项实现混合渲染。
服务端引擎
Nuxt 的服务端引擎 Nitro 开启了新的全栈功能。
在开发环境中，它使用 Rollup 和 Node.js 工作线程处理您的服务端代码和上下文隔离。它还会通过读取 server/api/ 和 server/middleware/ 中的文件生成服务端 API。
在生产环境中，Nitro 将您的应用和服务端构建到一个通用的 .output 目录中。此输出非常轻量：经过压缩并移除任何 Node.js 模块（除 polyfill 外）。您可以将此输出部署到任何支持 JavaScript 的系统上，包括 Node.js、Serverless、Workers、边缘渲染或纯静态环境。
生产就绪
Nuxt 应用可以部署在 Node 或 Deno 服务器上，预渲染后托管在静态环境中，或部署到无服务器和边缘提供商。
模块化
模块系统允许使用自定义功能和第三方服务集成来扩展 Nuxt。
架构
Nuxt 由不同的核心包组成：
- 核心引擎：nuxt
- 构建工具：@nuxt/vite-builder、@nuxt/rspack-builder 和 @nuxt/webpack-builder
- 命令行界面：@nuxt/cli
- 服务端引擎：nitro
- 开发工具包：@nuxt/kit
我们建议阅读每个概念以全面了解 Nuxt 的功能和每个包的范围。