简介

我们还是先来介绍一下TypeScrip：它是由微软开发的开源编程语言。它是JavaScript类型的超集，它可以编译成JavaScript。可以在任何浏览器、任何计算机和任何操作系统上运行。

背景知识

阅读本文你应该已经掌握了以下语言或工具

• javascript
• nodejs
• npm

正文

接下来我们进入正题。我们在使用TypeScript导入三方依赖库的时候可能会遇到坑。本文详细讲解如何在TypeScript中导入三方依赖。在TypeScript中想要使用jQuery这样的三方依赖时需要用到对应的类型定义文件，我们可以通过两种方式找到对应的类型文件.

1. 这里可以找到所有三方依赖的类型定义文件
2. 使用typings工具

本文将演示使用typings工具导入三方。下面就让我们一起使用typings工具导入jQuery依赖吧。

1. 安装typings工具：npm install typings --global
2. 导入jquery依赖：npm install jquery --save

3. 查找jquery类型定义文件：typings search --name jquery

   
   image.png
4. 安装jquery类型定义文件：typings install dt~jquery --global --save
   注意：这里的dt是Source下对应的名称
5. 在TypeScript中使用三方：import * as $ from 'jquery';

详解:
我们需要从第二步开始来详细说明一下上面我们都做了什么。

1. 既然我们要使用jquery当然要先导入jquery的依赖了，也就是我们第二步所做的
2. 我们已经导入了jquery那么我们可以在typescript中使用它了吗？答案肯定是不行。这么简单我还要写这片文章干什么呢？我们正文开篇的时候提到过类型定义文件。要想在typescript中使用三方它是必不可少的。所以我们先通过typings查询相关的三方类型定义文件。也就是我们第三步所做的。
3. 接下来我们通过第四部安装类型定义文件。命令是：typings install <SOURCE>~<NAME> --global --save

通过以上步骤我们就可以在TypeScript中自由的使用jquery了。如果您在使用中遇到了什么问题可随时留言给我。