类型声明

TypeScript (opens new window)作为 JavaScript 的超集，拥有强大的类型提示给我们的开发带来了极大的便利，尤其体现在团队合作开发中

# 全局类型声明

在 global.d.ts (opens new window) 和 index.d.ts (opens new window) 文件中编写的类型可直接在 .ts、.tsx、.vue 中使用

# `types/shims-tsx.d.ts`

该文件是为了给 .tsx 文件提供类型支持，在编写时能正确识别语法

# `types/shims-vue.d.ts`

.vue、.scss 文件不是常规的文件类型，typescript 无法识别，所以我们需要通过下图的代码告诉 typescript 这些文件的类型，防止类型报错

项目开发，我们可能需要安装一些库或者插件什么的，当它们对 typescript 支持不是很友好的时候，就会出现下图的情况

解决办法就是将这些通过 declare module "包名" 的形式添加到 types/shims-vue.d.ts (opens new window) 中去，如下图

# 全局导入的组件如何获取类型提示

# 从 npm (opens new window) 下载的组件库或者第三方库

也就是您使用 pnpm add 添加的包，比如 @pureadmin/table (opens new window)，我们只需要将这个包提供的全局类声明文件导入到 tsconfig.json (opens new window) 的 types 配置项，然后重启编辑器即可，如下图导入前和导入后的效果对比

导入前，pure-table 无高亮且鼠标覆盖无类型提示