1. pnpm install -g typescript // 全局安装typescript
    2. tsx -v // 检测是否安装成功
    3. tsx -init // 初始化 tsconfig.json
    1. {
    2.   "compilerOptions": {
    3.     /**************基础配置**************/
    4.     /**************基础配置**************/
    5.     /**************基础配置**************/
    7.     /* 开启增量编译：TS 编译器在第一次编译的时候，会生成一个存储编译信息的文件，下一次编译的时候，会根据这个文件进行增量的编译，以此提高 TS 的编译速度 */
    8.     "incremental": true,
    9.     /* 指定存储增量编译信息的文件位置 */
    10.     "tsBuildInfoFile": "./",
    12.     /* 打印诊断信息 */
    13.     "diagnostics": true,
    14.     /* 打印输出的文件 */
    15.     "listEmittedFiles": true,
    16.     /* 打印编译的文件（包括引用的声明文件）*/
    17.     "listFiles": true,
    19.     /* 指定 ECMAScript 的目标版本: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */
    20.     "target": "es5",
    21.     /* 指定模块代码的生成方式: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
    22.     "module": "commonjs",
    24.     /* 指定要包含在编译中的库文件——引用类库——即申明文件，如果输出的模块方式是 es5，就会默认引入 "dom","es5","scripthost"  */
    25.     /* 如果在 TS 中想要使用一些 ES6 以上版本的语法，就需要引入相关的类库 */
    26.     "lib": [],
    28.     /* 允许编译 JS 文件 */
    29.     "allowJs": true,
    30.     /* 检查 JS 文件*/
    31.     "checkJs": true,
    33.     /* 指定 JSX 代码生成的模式: 'preserve', 'react-native', or 'react'. */
    34.     /* 'react' 模式下：TS 会直接把 jsx 编译成 js */
    35.     /* 'preserve' 模式下：TS 不会把 jsx 编译成 js，会保留 jsx */
    36.     "jsx": "preserve",
    38.     /**************声明文件相关配置**************/
    39.     /**************声明文件相关配置**************/
    40.     /**************声明文件相关配置**************/
    42.     /* 生成相应的类型声明文件 —— '.d.ts' */
    43.     "declaration": true,
    44.     /* 声明文件的输出路径 */
    45.     "declarationDir": "./d",
    46.     /* 只生成声明文件，不生成 JS */
    47.     "emitDeclarationOnly": true,
    48.     /* 声明文件目录，默认 node_modules/@types */
    49.     "typeRoots": [],
    50.     /* 要导入的声明文件包，默认导入上面声明文件目录下的所有声明文件 */
    51.     "types": [],
    53.     /* 将多个相互依赖的文件合并并且把编译后的内容输出到一个文件里
    54.      * 可以用在产出 AMD 模块的场景中
    55.      * "module":"amd" 时，当一个模块引入了另外一个模块，编译的时候会把这两个模块的编译结果合并到一个文件中
    56.      */
    57.     "outFile": "./",
    58.     /* 指定编译文件的输出目录 */
    59.     "outDir": "./out",
    60.     /* 指定输入文件的根目录，用于控制输出目录的结构 */
    61.     "rootDir": "./",
    63.     /* 启用项目编译 */
    64.     "composite": true,
    66.     /*  输出的时候移除注释 */
    67.     "removeComments": true,
    69.     /* 不输出文件 */
    70.     "noEmit": true,
    71.     /* 发生错误时不输出文件 */
    72.     "noEmitOnError": true,
    74.     /* 不生成 helper 函数，以前的话设置为 true 后，需要额外安装 ts-helpers */
    75.     /* 类似于 babel ，会给每个文件都生成 helper 函数，会使得最终编译后的包的体积变大 */
    76.     "noEmitHelpers": true,
    77.     /* 现在可以通过 tslib（TS 内置的库）引入 helper 函数，！！！文件必须是模块 ！！！ */
    78.     /* 编译后自动引入 var tslib_1 = require("tslib") */
    79.     "importHelpers": true,
    81.     /* 当目标是 ES5 或 ES3 的时候提供对 for-of、扩展运算符和解构赋值中对于迭代器的完整支持 */
    82.     "downlevelIteration": true,
    84.     /* 把每一个文件转译成一个单独的模块 */
    85.     "isolatedModules": true,
    87.     /**************严格检查配置**************/
    88.     /**************严格检查配置**************/
    89.     /**************严格检查配置**************/
    91.     /* 开启所有的严格检查配置 */
    92.     "strict": true,
    93.     /* 不允许使用隐式的 any 类型 */
    94.     "noImplicitAny": true,
    96.     /* 不允许把 null、undefined 赋值给其他类型变量 */
    97.     "strictNullChecks": true,
    99.     /* 不允许函数参数双向协变 */
    100.     "strictFunctionTypes": true,
    102.     /* 使用 bind/call/apply 时，严格检查函数参数类型 */
    103.     "strictBindCallApply": true,
    105.     /* 类的实例属性必须初始化 */
    106.     "strictPropertyInitialization": true,
    108.     /* 不允许 this 有隐式的 any 类型，即 this 必须有明确的指向*/
    109.     "noImplicitThis": true,
    111.     /* 在严格模式下解析并且向每个源文件中注入 "use strict" */
    112.     "alwaysStrict": true,
    114.     /**************额外的语法检查配置，这种检查交给 eslint 就行，没必要配置**************/
    115.     /**************额外的语法检查配置，这种检查交给 eslint 就行，没必要配置**************/
    116.     /**************额外的语法检查配置，这种检查交给 eslint 就行，没必要配置**************/
    118.     /* 有未使用到的本地变量时报错 */
    119.     "noUnusedLocals": true,
    121.     /* 有未使用到的函数参数时报错 */
    122.     "noUnusedParameters": true,
    124.     /* 每个分支都要有返回值 */
    125.     "noImplicitReturns": true,
    127.     /* 严格校验 switch-case 语法 */
    128.     "noFallthroughCasesInSwitch": true,
    130.     /**************模块解析配置**************/
    131.     /**************模块解析配置**************/
    132.     /**************模块解析配置**************/
    134.     /* 指定模块的解析策略: 'node' (Node.js) or 'classic' (TypeScript pre-1.6)*/
    135.     /* 若未指定，那么在使用了 --module AMD | System | ES2015 时的默认值为 Classic，其它情况时则为 Node */
    136.     "moduleResolution": "node",
    138.     /* 在解析非绝对路径模块名的时候的基准路径 */
    139.     "baseUrl": "./",
    141.     /* 基于 'baseUrl' 的路径映射集合 */
    142.     "paths": {},
    144.     /* 将多个目录放在一个虚拟目录下，用于运行时 */
    145.     /* 当自己编写的库和开发的代码都输出到一个目录下时，开发代码和库的位置不一样，开发代码引入库的路径就会不对 */
    146.     "rootDirs": [],
    147.     "rootDirs": ["src", "out"],
    149.     /* 允许 export = xxx 导出 ，并使用 import xxx form "module-name" 导入*/
    150.     "esModuleInterop": true,
    152.     /* 当模块没有默认导出的时候，允许被别的模块默认导入，这个在代码执行的时候没有作用，只是在类型检查的时候生效 */
    153.     "allowSyntheticDefaultImports": true,
    155.     /* 不要 symlinks 解析的真正路径 */
    156.     "preserveSymlinks": true,
    158.     /* 允许在模块中以全局变量的方式访问 UMD 模块内容 */
    159.     "allowUmdGlobalAccess": true,
    161.     /************** Source Map 配置**************/
    162.     /************** Source Map 配置**************/
    163.     /************** Source Map 配置**************/
    165.     /* 指定 ts 文件位置 */
    166.     "sourceRoot": "",
    168.     /* 指定 map 文件存放的位置 */
    169.     "mapRoot": "",
    171.     /* 生成目标文件的 sourceMap */
    172.     "sourceMap": true,
    174.     /* 将代码与sourcemaps生成到一个文件中，要求同时设置了--inlineSourceMap 或--sourceMap 属性*/
    175.     "inlineSources": true,
    177.     /* 生成目标文件的 inline sourceMap —— 源文件和 sourcemap 文件在同一文件中，而不是把 map 文件放在一个单独的文件里*/
    178.     "inlineSourceMap": true,
    180.     /* 生成声明文件的 sourceMap */
    181.     "declarationMap": true,
    183.     /************** 实验性的配置**************/
    184.     /************** 实验性的配置**************/
    185.     /************** 实验性的配置**************/
    187.     /* 启用装饰器 */
    188.     "experimentalDecorators": true,
    190.     "emitDecoratorMetadata": true /* Enables experimental support for emitting type metadata for decorators. */,
    192.     /**************高级配置**************/
    193.     /**************高级配置**************/
    194.     /**************高级配置**************/
    196.     /* 强制区分大小写 */
    197.     "forceConsistentCasingInFileNames": true
    198.   },
    200.   /* 指定需要编译的单个文件列表 */
    201.   "files": [],
    203.   /* 指定需要编译的文件/目录 */
    204.   "include": [
    205.     //    // 只写一个目录名等价于 "./src/**/*"
    206.     "src"
    207.   ],
    209.   /* 需要排除的文件或目录 */
    210.   "exclude": [],
    212.   /* 配置文件继承 */
    213.   "extends": "./tsconfig.base.json"
    214. }