要在TypeScript引用第三方JavaScript库和框架，首先要了解TypeScript的类型定义文件。TypeScript的类型定义文件用来帮助开发者在TypeScript中使用已有的 javascript的工具包，如：jQuery。所有的类型定义文件都是以.d.ts结尾的。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比曲麻莱网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式曲麻莱网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖曲麻莱地区。费用合理售后完善，10多年实体公司更值得信赖。
而如果我们使用具备TypeScript识别能力的工具，则可以拥有面向VisualStudioIntelliSense的支持能力——其能够帮助我们对函数调用中的类型进行管理。
TypeScript支持为已存在的JavaScript库添加类型信息的头文件，扩展了它对于流行的库如jQuery，MongoDB，Node.js和Djs的好处。总的来说，TypeScript是一种由微软开发的自由和开源的编程语言。
首先，打开html编辑器，新建html文件，例如：index.html，先引入jquery。在index.html中的/body标签前，引入自己写的js文件，例如index.js文件。在index.js中调用jquery的函数。
当使用TypeScript调用其他已经编写好的类库时，可以提供IntelliSense智能提示。
您可以到jQuery的guan 网下载jQuery框架，根据情况下载不同的版本（不同的版本，对浏览器的支持程度不太一样）；在页面中引入jQuery，就可以直接使用jQuery了；虽然引入了jQuery，但是还需要你自己去写JavaScript。
那我们先不管怎么来集成zTree，我们先来解决如何将jQuery引入进来的问题：引入jQuery到angular2项目中，当然，如果你使用的插件没有依赖jQuery的话可以跳过这个步骤，不过一般第3方插件都依赖它，对吧。
} .静态方法()；interface JQuery { 类型方法：()= JQuery；} ().类型方法()；用tsd工具随便下载个jq插件的定义文件，打开看下就知道了。。
很简单，给插件写一个directive。在这里，我会使用一个简单的jquery插件Toolbar.js 的DEMO。
本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。
全局类型首先以第一种方式举例。变量比如现在有一个全局变量，那对应的d.ts文件里面这样写。declare var aaa：number其中关键字declare表示声明的意思。全局变量是aaa，类型是数字类型（number）。
先上效果图：安装 nodejs因为需要使用到node里面的npm去安装别人写好的d.ts文件，所以要先安装nodejs。具体步骤不说了，去nodejsguan 网上下载相应的程序，点击下一步下一步安装就行了。
在项目整体新建一个项目文件夹（doc），并在文件夹里新建App.vue，main.ts 两个文件 最外层新建tsconfig.json文件。public新建doc.html文件。
大概分析一下：说白了就是定义了一些接口，使得你用typescript编程的时候调用此模块，IDE有提示，当然还会定义很多export的数据类型，和inferface 供外部模块调用。很显然就是数据规范。
TypeScript的声明文件就像C/C++用.h文件。当使用TypeScript调用其他已经编写好的类库时，可以提供IntelliSense智能提示。
如果你熟悉使用ts如何编写*.d.ts文件，也可以自己写一个。配置 jsconfig.json 文件对于jsconfig.json文件的详细说明，请参照这里。
1、我们以Angular2整合zTree为例来说明整合的思路及过程。
2、准备工作安装Batarang：方法一：在Chrome应用商店中查找Batarang，并安装。方法二：在网上查找Batarang的安装包，直接在Chrome浏览器中安装。
3、Angular2中使用jQuery 首先在index.html中引用jquery。
4、本文以jquery 为例第一种：有对应的声明文件的用命令安装jQuery的声明文件。
5、export class DemoComponent {}组件装饰器：每个组件类必须用@component进行装饰才能成为Angular组件。组件元数据：组件元数据：selector、template等，下文将着重讲解每个元数据的含义。
