Nuxt 是一个基于 Vue 的服务端渲染(Server-Side Rendering, SSR)和静态站点生成(Static Site Generation, SSG)的框架，旨在简化 Vue 应用开发的过程，同时提高性能和开发效率。它以“配置即开发”（约定式）为理念，提供开箱即用的功能。
Nuxt特点
nuxt 官网：https://nuxt.com/
- 基于文件的路由：根据 pages 目录下面的组件自动生成路由。
- 代码分割
- 开箱即用的服务端渲染（SSR）
- 自动导入：会将一些目录下的组件（components）自动导入到页面组件
- 数据获取工具：内置了很多组件、组合式函数以及工具函数
- 零配置的 TypeScript 支持
- 配置好的构建工具：默认使用的是 Vite，可以选择 Webpack.
搭建项目
搭建 Nuxt 项目之前，检查一下 Node.js 的版本，官方推荐使用 18.x 以上版本。包管理器推荐使用 pnpm.
pnpm dlx nuxi@latest init <project-name>项目目录
📁.nuxt📁.output📁node_modules📁public📁server📃.gitignore📃app.vue📃nuxt.config.ts📃package.json📃package-lock.json📃README.md📃tsconfig.json- .nuxt: 开发阶段 Nuxt 生成的临时目录。又 Nuxt 自动创建和管理的，里面会存放和框架运行相关的代码和文件。
- .output：构建生产环境项目的时候，打包后的内容会放置在此目录。
- nuxt.config.ts: 配置文件
官网上有更详细的项目目录结构，包括 pages、plugins、middleware…
如何学习
分为两章
- 快速上手
- 细节补充
-EOF-