课程链接：

https://www.itwangzi.cn/2546.html

---

TypeScript

Nuxt 3是完全类型化的，并且提供快捷的帮助，来确保你编程时获得准确的信息。

Type-checking

默认，出于性能考虑，当你执行 nuxi dev 或 nuxi build 时Nuxt 不做类型检查。但是，你可以通过修改nuxt.config 文件中的 typescript.typeCheck 选项, 或者 使用nuxi手动类型检查.

yarn nuxi typecheck

类型自动生成

当你执行 nuxi dev 或 nuxi build Nuxt 自动为 IDE 的类型支持（和类型检查）生成下面的文件

.nuxt/nuxt.d.ts

这个文件包含所有你使用模块的类型，以及Nuxt3 需要的主要类型。你的IDE 会自动识别这些类型。

该文件中的一些引用只指向buildDir(.nuxt) 因此要获得完整的类型，你需要执行 nuxi dev 或者 nuxi build

.nuxt/tsconfig.json

该文件包含为你项目推荐的基本TypeScript 配置，包括Nuxt注入的解析别名，或者您正在使用的模块，因此你可以获得完整的类型支持和路径自动匹配，例如 ~/file #build/file.

阅读有关如何扩展次配置的详细信息.

Nitro 也为API路由自动生成类型，此外，Nuxt 还为全局可用的组件生成类型，并从组合项中自动导入,以及其他核心功能。

请记住，所有来自 ./.nuxt/tsconfig.json 的配置项，都会被你自己定义的 tsconfig.json 配置项覆盖。覆盖了类似 "compilerOptions.paths" 的配置，会导致Typescript 忽略来自 ./.nuxt/tsconfig.josn的模块解析 .从而导致类似#imports 的模块解析不被识别。

如果你需要扩展./.nuxt/tsconfig.json配置项，你可以使用 nuxt.config 的 alias 属性.nuxi 会抽取它们，来相应的扩展 ./.nuxt/tsconfig.json

严格模式

TypeScritp 附带的某些检查，可以提高你程序的安全性和分析能力。将代码库转到TypeScript 并且熟悉它之后，你可以为了提高安全性开启这些检查(扩展阅读)

你可以通过修改 nuxt.config， 来开启严格的类型检查：

export default defineNuxtConfig({
typescript: {
strict: true
}
})