typescipt做项目时，类型有关的文件放在哪里？

Question

在做typescript项目的时候，比如一个需求，对应的文件存放在几个地方，api文件夹下有请求，利于叫car.js, 而对应components文件夹下面又有.vue文件之类的组件

这个时候有一处类型 比如定义

type category = 'roadster' | 'suv'

一些自定义类型或者接口 是在几个文件，或者全局很多地方通用的

一般情况下，最佳实践是把这些 接口或者类型放在什么地方，以什么形式抛出或者引用

Answer 1

放到 car.ts 里面。

另外：推荐首字母大写。

type Category = 'roadster' | 'suv'

比如我们在 cat.ts 里面还有一个函数，参数用到了这个类型。举例：

function fn(cat: Category): string;

当我们在 .vue 里面用时，是不需要显式定义参数类型的：

let cat = 'suv'
const s: string = fn(cat)

我们不需要写：

let cat: Category = 'suv'
const s: string = fn(cat)

所以这个 Category 类型只有在 cat.ts 文件里面用到了。

特别的，如果在其他地方确实需要用到某个类型或接口，可以直接导出：

export type Category ...

Answer 2

在应用里定义的类型，就当类文件一样，该放哪放哪
引用的第三方，npm 引用的在 node_modules/@types 下面，不用管
自己补充的第三方类型声明，可以放在 types/*.d.ts