手写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 中直接使用新定义的类型有时候还是会显示红线,重启一下就解决了

相关推荐
知识分享小能手9 小时前
Vue3 学习教程,从入门到精通,Vue3 中使用 Axios 进行 Ajax 请求的语法知识点与案例代码(23)
前端·javascript·vue.js·学习·ajax·vue·vue3
咔咔一顿操作18 小时前
Vue 3 入门教程7 - 状态管理工具 Pinia
前端·javascript·vue.js·vue3
闲坐含香咀翠1 天前
B端项目版本同步方案:基于Vite插件的自动化实践
前端·vite·rollup.js
Java陈序员1 天前
轻松设计 Logo!一款 Pornhub 风格的 Logo 在线生成器!
vue.js·node.js·vite
巴厘猫2 天前
从 0 到 1 搭建 Vue3 + Vite 组件库:流程、规范与最佳实践
前端·vue.js·vite
汪叽家的兔子羡2 天前
vue模块化导入
前端·javascript·vue.js·typescript·vue3·vue2·vite
独泪了无痕3 天前
Vite 模块动态导入之Glob导入
前端·vue.js·vite
一壶纱3 天前
vite 只是一个平台
vue.js·vite
朝阳394 天前
vue3【组件封装】超级表单 S-form.vue
vue3·组件封装
你这个年龄怎么睡得着的4 天前
玩转vite性能优化
前端·vue.js·vite