Nuxt 概念

在本章中，我们将介绍 Nuxt 的核心概念。

Nuxt 是一个免费的开源框架，它提供了一种直观且可扩展的方式，用 Vue.js 创建类型安全、高性能和生产级的全栈 Web 应用程序和网站。如果你不熟悉 Vue.js，我们建议你先从 Vue 基础 部分开始，并阅读 Vue 官方文档。

自动化和约定

Nuxt 使用约定和固定的目录结构来自动化重复性任务，让开发者能够专注于推进功能开发。配置文件仍然可以自定义并覆盖其默认行为。

• 基于文件的路由：根据 pages/ 目录 的结构定义路由。这可以使应用程序的组织更加简单，避免手动配置路由的需要。
• 自动导入：在各自的目录中编写 Vue 组合式函数和组件，并在不需要导入的情况下使用它们，同时享受代码拆分和优化的 JS 包的好处。
• 代码分割： Nuxt 自动将代码分割成更小的块，这有助于减少应用程序的初始加载时间。
• 开箱即用的服务器端渲染： Nuxt 内置 SSR 功能，因此你不必自己设置单独的服务器。
• 数据获取工具： Nuxt 提供组合式函数来处理兼容 SSR 的数据获取以及不同的策略。
• 零配置 TypeScript 支持： 通过我们自动生成的类型和 tsconfig.json 编写类型安全的代码，无需学习 TypeScript。
• 配置好的构建工具： 我们默认使用 Vite，在开发过程中支持热模块替换 (HMR)，并在生产环境中打包代码，内置最佳实践。

Nuxt 处理这些事项并提供前端和后端功能，让你可以专注于重要的事情：创建你的 Web 应用程序。

开始使用

本互动环境已经为你安装和配置了 Nuxt，所以我们可以直接开始创建应用程序。如果你想在自己的机器上本地安装 Nuxt，请按照安装指南进行操作。

首先，让我们了解如何定义 Nuxt 应用程序入口。