如何编写 Typescript 声明文件 ;如何使用JS类库

1.自定义声明文件
https://www.runoob.com/typescript/ts-ambient.html 官网
目录结构:
在这里插入图片描述

总体步骤:

  1. 自定义js 文件
    2.定义d.ts 文件
    3.在.ts 文件中使用
    4.tsc 命令ts文件生成js 文件 ,如:tsc test.ts (可忽略)
    5.在html 文件引用,即可测试了(这块需要注意,引入的js文件要与index.html同级,放别的地方,会一直报 缺少token">" )

第一步:自己写个js 库
在这里插入图片描述

第二步骤:写.d.ts 文件
在这里插入图片描述

第三步骤: 写.ts文件 :/// 需要写
在这里插入图片描述

第四步骤:
在.html 引入 globalLib.js 文件 。(注意:global.js 文件要放到public下面,之前一直放到utils工具下,一直报错缺少“>”,原因是src文件下是支持ts编译,但是不支持js 编译)

在这里插入图片描述

最后–第五步:
引入ts 文件到vue 组件:
在这里插入图片描述

具体详情代码,可参考:里面已经实现各种js 库在typescript 的使用
https://github.com/linyu995/vue3-typing

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值