Typescript 学习笔记（一）

date

Oct 10, 2025

slug

typescript-learning-notes-1

status

Published

vite-plugin-checker

在开发项目时，我们经常会遇到 TypeScript 类型错误 或 Vue 语法类型检查问题。这些错误如果等到打包或上线时才被发现，就会增加排查成本。此时，我们可以使用 vite-plugin-checker 插件，让 Vite 在开发阶段实时进行类型检查，并在控制台或浏览器中直观地显示错误。

安装插件

使用 pnpm 安装（也可以用 npm 或 yarn）：

在 Vite 中配置

在 vite.config.js 文件中添加如下配置：

ts-reset 高级辅助库

ts-reset 库用于修正 TypeScript 默认类型定义中的“不合理设计”，让 TypeScript 的类型系统变得更安全、更符合直觉。

为什么需要它

TypeScript 的默认类型定义里，有很多宽松、危险或不严谨的地方。举几个典型的例子👇

1️⃣ `Array.includes()` 的坑

在原生 TypeScript 中：

而 ts-reset 会改成：

也就是说它让 TypeScript 能更聪明地处理不可能成立的情况。

2️⃣ `Object.keys()` 返回 `string[]` 太模糊

默认：

使用 ts-reset 后：

这样你就能直接拿到确切的键名类型，避免类型丢失。