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

相关推荐
静待雨落2 天前
vite如何配置https
vite
井柏然2 天前
为什么打 npm 包时要将 Vue/React 进行 external 处理?
javascript·vite·前端工程化
千码君20162 天前
React Native:快速熟悉react 语法和企业级开发
javascript·react native·react.js·vite·hook
昔冰_G3 天前
Vue内置组件KeepAlive——缓存组件实例
vue.js·缓存·vue3·vue2·keep-alive·vue组件缓存·vue内置组件
星光不问赶路人4 天前
一文搞清楚 TypeScript 中 triple-slash 与 tsconfig.types 有何区别?
typescript·vite
wxr06165 天前
部署Spring Boot项目+mysql并允许前端本地访问的步骤
前端·javascript·vue.js·阿里云·vue3·springboot
知识分享小能手5 天前
微信小程序入门学习教程,从入门到精通,微信小程序开发进阶(7)
前端·javascript·学习·程序人生·微信小程序·小程序·vue3
PanZonghui6 天前
Vite 构建优化实战:从配置到落地的全方位性能提升指南
前端·react.js·vite
星光不问赶路人10 天前
Vite 中的 import.meta.glob vs 动态导入:该用哪个?
前端·vite
上单带刀不带妹11 天前
Vue3 全局 API 转移详解
前端·javascript·vue.js·vue3·api