vue3 + vite 项目搭建 - 配置tsconfig

在项目根目录创建 tsconfig.json

{
  "compilerOptions": {
    // 允许从没有设置默认导出的模块中默认导入。这并不影响代码的输出，仅为了类型检查
    "allowSyntheticDefaultImports": true,
    // 解析非相对模块名的基准目录
    "baseUrl": ".",
    "esModuleInterop": true,
    // 从 tslib 导入辅助工具函数（比如 __extends， __rest等）
    "importHelpers": true,
    // 指定生成哪个模块系统代码
    "module": "esnext",
    // 决定如何处理模块。
    "moduleResolution": "node",
    //启用所有严格类型检查选项。
    //启用--strict相当于启用--noImplicitAny,--noImplicitThis,--alwaysStrict，
    //--strictNullChecks和--strictFunctionTypes和--strictPropertyInitialization。
    "strict": true,
    // 生成相应的 .map文件
    "sourceMap": true,
    // 忽略所有的声明文件（ *.d.ts）的类型检查。
    "skipLibCheck": true,
    // 指定ECMAScript目标版本
    "target": "esnext",
    "jsx": "preserve",
    "resolveJsonModule": true,
    // 编译过程中需要引入的库文件的列表。
    "lib": ["esnext", "dom", "DOM.Iterable", "ScriptHost"],
    "types": ["vite/client"],
    // 模块名到基于 baseUrl的路径映射的列表。
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
}