Vue 3 项目初始化怎么配置 TypeScript 严格模式-Vue.js-PHP中文网

启用 "strict": true 是开启 typescript 严格模式最核心方式，需同时配置 skiplibcheck、moduleresolution、baseurl/paths、include 和 types，并在 env.d.ts 中声明 .vue 类型。

vue 3 项目初始化怎么配置 typescript 严格模式

直接在 tsconfig.json 的 compilerOptions 中启用 "strict": true 即可，这是开启 TypeScript 严格模式最核心、最有效的方式。它会一并激活一系列子检查项（如 noImplicitAny、strictNullChecks、strictFunctionTypes 等），大幅提升类型安全性。

关键配置项必须补全

仅开 strict 不够，还需确保以下几项明确存在且合理：

"skipLibCheck": true：跳过对 node_modules 中类型声明的检查，大幅提升编译速度，是实际项目中的通用做法；
"moduleResolution": "node"：确保模块解析行为与 Node.js 一致，避免 import 路径报错；
"baseUrl": "." 和 "paths"：配合 Vite 的别名（如 @/ 指向 src/），让 TypeScript 也能识别路径别名，否则 VS Code 会提示“无法找到模块”；
"include" 必须包含 .vue 文件：例如 "src/**/*.vue"，否则组件中的类型不会被检查；
添加 "types": ["node", "vite/client"]：显式引入 Node 和 Vite 的全局类型，避免 process、import.meta.env 等报错。