在项目中全局配置 TypeScript 文件类型声明

全局配置ts文件类型声明-产生的原因

有些时候，某几个类型声明在项目中很多次都在使用。
我们可以将它抽取成为一个文件。
1.可以将这个文件中的类型声明成为全局的。
2.在需要引入的文件中通过 important {xx1} from  '路径'。 
第一种的优势是：我们就不需要在使用的文件种引入。这样是不是很棒啊

1. 配置全局配置ts文件类型声明

在项目的跟目录下创建一个文件夹(types)。用来存放全局的类型声明文件。
types/test.d.ts 文件 声明如下

interface Persoon {
  code: number;
  name: string;
  age: number;
  data: {
    total: number;
    unit: "万元";
  };
}
让这个文件中所有类型在整个项目中都可以使用。

2. 去tsconfig.json 文件中将 types 目录下 xx.d.ts结尾的文件声明为全局的

"include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "types/**/*.d.ts" //这个就是我新增的，你配置全局声明的地址
],

ps: ** 表示的是任意多个文件夹
"types/**/*.d.ts" ===> types文件夹下的 xx.d.ts结尾的文件声明为全局的

在使用的页面直接可以直接使用

<script setup lang="ts">
let obj1: Persoon = {
    code: 200,
    name: '超级用户',
    age: 100,
    data: {
        total: 2000,
        unit:'万元'
    }
}
</script>

尾声

如果你觉得这篇文章对你有用，请给我点一个【推荐】或者【打赏】，谢谢大佬了。
非常的感谢。这是我写下去的动力，感谢了。