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

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

配置

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

添加后内容如下

ts 复制代码
"include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
],

自定义.d.ts文件

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

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

ts 复制代码
declare type Recordable<T = any> = Record<string, T>
declare type Nullable<T> = T | null

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

相关推荐
叫我阿柒啊4 小时前
Java全栈工程师面试实战:从基础到微服务的深度解析
java·redis·微服务·node.js·vue3·全栈开发·电商平台
叫我阿柒啊6 小时前
从全栈开发到微服务架构:一次真实的Java面试实录
java·redis·ci/cd·微服务·vue3·springboot·jwt
萌萌哒草头将军6 小时前
🚀🚀🚀 告别复制粘贴,这个高效的 Vite 插件让我摸鱼🐟时间更充足了!
前端·vite·trae
Noxi_lumors7 小时前
VITE BALABALA require balabla not supported
前端·vite
可爱生存报告12 小时前
vue3 vite quill-image-resize-module打包报错 Cannot set properties of undefined
前端·vite
xiaohe060115 小时前
👋 一起写一个基于虚拟模块的密钥管理 Rollup 插件吧(二)
vite·rollup.js
Olrookie16 小时前
RuoYi-Vue3项目中Swagger接口测试404,端口问题解析排查
前端·webpack·vite
米欧16 小时前
使用luckysheet在线处理复杂表格
前端·excel·vite
国家不保护废物16 小时前
Webpack 与 Vite:现代前端构建工具的双子星
前端·webpack·vite
今禾3 天前
前端工程化的范式革命:从 Webpack 的“全量打包”到 Vite 的“按需编译”
前端·webpack·vite