简介
我们还是先来介绍一下TypeScrip：它是由微软开发的开源编程语言。它是JavaScript类型的超集，它可以编译成JavaScript。可以在任何浏览器、任何计算机和任何操作系统上运行。
背景知识
阅读本文你应该已经掌握了以下语言或工具
- javascript
- nodejs
- npm
正文
接下来我们进入正题。我们在使用TypeScript导入三方依赖库的时候可能会遇到坑。本文详细讲解如何在TypeScript中导入三方依赖。在TypeScript中想要使用jQuery这样的三方依赖时需要用到对应的类型定义文件，我们可以通过两种方式找到对应的类型文件.
本文将演示使用typings工具导入三方。下面就让我们一起使用typings工具导入jQuery依赖吧。
- 安装typings工具：npm install typings --global
- 导入jquery依赖：npm install jquery --save
-
查找jquery类型定义文件：typings search --name jquery
image.png - 安装jquery类型定义文件：typings install dt~jquery --global --save
注意：这里的dt是Source下对应的名称 - 在TypeScript中使用三方：import * as $ from 'jquery';
详解:
我们需要从第二步开始来详细说明一下上面我们都做了什么。
- 既然我们要使用jquery当然要先导入jquery的依赖了，也就是我们第二步所做的
- 我们已经导入了jquery那么我们可以在typescript中使用它了吗？答案肯定是不行。这么简单我还要写这片文章干什么呢？我们正文开篇的时候提到过类型定义文件。要想在typescript中使用三方它是必不可少的。所以我们先通过typings查询相关的三方类型定义文件。也就是我们第三步所做的。
- 接下来我们通过第四部安装类型定义文件。命令是：typings install <SOURCE>~<NAME> --global --save
通过以上步骤我们就可以在TypeScript中自由的使用jquery了。如果您在使用中遇到了什么问题可随时留言给我。
