如何在TypeScript中应用像Jquery之类的第三方JavaScript框架

Question

如何在TypeScript中应用像Jquery之类的第三方JavaScript框架

Answer 1

要在TypeScript引用第三方JavaScript库和框架，首先要了解TypeScript的类型定义文件。TypeScript的类型定义文件用来帮助开发者在TypeScript中使用已有的javascript的工具包，如：jQuery。所有的类型定义文件都是以.d.ts结尾的。这个文件实际上就是一个TypeScript模块，它把你要使用的JavaScript工具包里边的工具以TypeScript的类或者模块的方式暴露(export)出来，供你在你的模块里去import。如何获得类型定义文件以jquery为例：1. 在github上有公开的项目DefinitelyTyped，里面有大多数会用到的类型定义文件，找到Jquery的类型定义文件index.d.ts下载下来拷贝进项目中，项目就可以用jquery来写代码了,而且有代码提示。github地址：https://github.com/DefinitelyTyped/DefinitelyTyped2.还可以用typings工具，这个工具是用来专门安装类型定义文件的。首先用npm来安装typings工具，安装后，就可以用typings命令查询一个项目、关键字或框架了，用typings命令把需要的第三方库或框架安装上就可以在项目中直接使用了。