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

相关推荐
IT教程资源C6 小时前
(N_157)基于springboot,vue服装商城系统
mysql·vue3·前后端分离·springboot服装商城
Sheldon一蓑烟雨任平生13 小时前
Vue3 组件 v-model
vue.js·vue3·v-model·definemodel·v-model修饰符·自定义双向绑定组件·多个v-model绑定
嗷呜~13 小时前
error 找不到模块“../views/Login.vue”或其相应的类型声明
typescript·vue3
加蓓努力我先飞14 小时前
Vue3小兔鲜-(二)
前端·javascript·css·vue3
前端赵哈哈17 小时前
Vite 构建后产品详情页图片失效?从路径匹配到映射表的完美解决
前端·vue.js·vite
念念不忘 必有回响1 天前
nginx前端部署与Vite环境变量配置指南
前端·nginx·vite
学会煎墙1 天前
使用uniapp——实现微信小程序的拖拽排序(vue3+ts)
微信小程序·uni-app·vue·ts
一只小阿乐2 天前
做一个vue3 v-model 双向绑定的弹窗
javascript·vue.js·elementui·vue3·v-model
IT教程资源C2 天前
(N_156)基于springboot,vue小区物业管理系统
mysql·vue3·前后端分离·springboot小区物业
我爱甜妹5 天前
vite项目保存代码后不刷新页面 vite热更新
vite