手写VUE后台管理系统6 - 支持TS声明文件.d.ts

死牛胖子2023-12-05 22:53

TS 使用声明文件进行类型定义。

在 tsconfig.json 文件中，找到 include 属性，添加 "src/**/*.d.ts"，表示 src 目录下的所有 .d.ts 文件都会被自动加载。

添加后内容如下

ts 复制代码

"include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
],

在 src 目录下添加 types 目录，所有的类型定义文件都放置于该目录下

添加 global.d.ts 类型文件，内容如下

ts 复制代码

declare type Recordable<T = any> = Record<string, T>
declare type Nullable<T> = T | null

这里定义了两个自定义类型，在 vs 中直接使用新定义的类型有时候还是会显示红线，重启一下就解决了