DAY25：Nuxt 3 的自動導入功能

類型檢查

預設情況下，Nuxt 在執行 nuxi dev 或 nuxi build 時不會檢查類型，出於性能原因。但是，您可以在構建或開發時啟用類型檢查，方法是安裝 vue-tsc 和 typescript 作為 devDependencies，然後在您的 nuxt.config 文件中啟用 typescript.typeCheck 選項，或者使用 nuxi 手動檢查類型。

yarn nuxi typecheck

自動生成的類型

當您運行 nuxi dev 或 nuxi build 時，Nuxt 會為 IDE 類型支援（以及類型檢查）生成以下文件：

• .nuxt/nuxt.d.ts：此文件包含您正在使用的任何模組的類型，以及 Nuxt 3 需要的關鍵類型。您的 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.json 中的模組解析。這可能導致像 #imports 之類的模組解析不被識別。

如果您需要進一步擴展由 ./.nuxt/tsconfig.json 提供的選項，您可以在 nuxt.config 中使用 alias 屬性。nuxi 會接管這些選項並相應地擴展 ./.nuxt/tsconfig.json。

更嚴格的檢查

TypeScript 提供了某些檢查，以提供更多的安全性和對您的程式的分析。

一旦您將代碼庫轉換為 TypeScript 並對其感到熟悉，您可以開始啟用這些檢查以獲得更大的安全性。

要啟用嚴格類型檢查，您必須更新 nuxt.config：

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