Nuxt3简介

Nuxt是用Vue.js创建的开源SSR框架，可以用来创建类型安全（支持TS）、性能高效、生产级的全栈web应用。

只需要从一个.vue文件开始，你就可以享受到开发状态的热更新和默认的服务端渲染能力。

自动化和约定

Nuxt最大的特色，是使用约定的目录结构，来完成很多自动化的工作。这样，开发者就可以将焦点放在功能开发上，提高开发效率。通过配置文件，可以自定义和修改Nuxt默认的约定行为。

• 文件就是一个路由：只需要将.vue文件放进根目录下的/pages目录，Nuxt就自动为你配置好同名的路由。
• 代码分割：Nuxt自动将代码分割为小的片断，以减少应用初始加载时间。
• 开箱即用的服务端渲染能力。
• 自动导入：用Vue写的composable和component，会从各自目录自动导入，模板中直接使用即可。
• 数据获取：兼容服务端的数据获取方式。
• 零配置支持Typescript：自动生成typescript类型和tsconfig.json文件。
• 配置好的构建工具：默认使用Vite最佳实践，来支持开发环境的热更新和生产环境打包。

服务端渲染

服务端渲染，有哪些好处呢？

• 更快的初始加载时间。如果是单页面应用，一般会先请求静态资源，加载完成后再通过ajax从服务端获取数据，然后渲染到页面上，这是串联的两次网络请求。而服务端渲染只需要一次请求。
• 提升SEO。服务端渲染对搜索引擎更为友好。像百度之类的搜索引擎，基本上不会考虑抓取单页面ajax请求后的内容。
• 低配置设备上更好的性能表现。html生成的工作，移到了服务端，就能减少在设备端调用JS生成html造成的计算压力。
• 更容易缓存。页面内容可以在服务端缓存起来，而不需要在每次请求时重新生成。

服务器引擎

Nuxt使用Nitro作为服务引擎。

开发环境中，Nitro使用Rollup和Node.js workers来生成服务端代码，可以读取sever/api/目录来生成服务端API，也可以从server/middleware/目录读取文件生成服务端中间件。

生产环境中，Nitro将前端应用和服务端代码打包进一个统一的.output文件夹。这个文件夹很轻量级：移除了任何Node.js模块（除了polyfills），并做了代码压缩。你可以将此文件夹部署到任何支持Javascript的环境，比如Node.js, Serverless, Workers, ESR(Edge-side rendering)甚至是纯静态。

参考

本文非完整翻译自：https://nuxt.com/docs/getting-started/introduction