TypeScript-声明安装

在经过介绍了 TypeScript-声明文件 之后,本篇文章主要介绍的内容就是声明的安装,其实在编写声明文件的时候又分为好几种,如果你导入的第三方的某个库是一个全局的库的话,那么什么叫全局的库呢,就是这个库当中的所有功能都是绑定到一个全局对象上的这种就称之为全局的库,这种时候就可以参照 TS 官方提供的全局编写模板来进行编写:

image-20211207144956960

如果你导入的这个库可以通过 import 或者 require 来进行使用的话也就是模块化的库,就可以参考下面的几个模板进行编写:

image-20211207145247120

但是呢,在绝大多数的情况下,我们都是不用自己去编写的,对于常用的第三方库, 其实已经有大神帮我们编写好了对应的声明文件,所以在企业开发中, 如果我们需要使用一些第三方 JS 库的时候我们只需要安装别人写好的声明文件即可。

TS 声明文件的规范: @types/xxx 例如: 想要安装 jQuery 的声明文件, 那么只需要 npm install @types/jquery 即可:

那么这里博主就来简单的演示一下 jquery 的声明文件吧,首先安装需要使用的库这里我需要使用 jQuery 我就安装 jQuery:

npm install jquery --save

然后 index.ts 当中导入 jQuery 打印了一下:

const jQuery = require('jquery');
console.log(jQuery);

image-20211207150231117

但是我在使用 jQuery 其它方法的时候发现没有提示:

image-20211207150318749

那么这个时候就需要安装一下它所对应的声明文件即可:

npm install @types/jquery

然后在编写发现就有对应的提示内容了:

image-20211207150437688

最终 index.ts 内容如下:

const jquery = require('jquery');
console.log(jquery(".main").width());
console.log(jquery(".main").height());

image-20211207150541769

posted @ 2021-12-07 15:06  BNTang  阅读(107)  评论(0编辑  收藏  举报