jstree在TypeScript+vue的项目使用

前言：不能像在javaScript+vue中一样使用jquery插件的主要原因是：这些插件不是由TypeScript编写的，所以不会导出TypeScript声明文件，我们在TypeScript引入这些包，就会编译错误

以下是我在TypeScript+vue的项目中使用jstree的步骤：

步骤一：下载插件以及插件所需依赖

                  npm install –save jquery jstree

步骤二：需要ts声明文件，对外暴露API，有时候声明文件在源码中，大部分是单独提供额外安装

               幸运的是，大部分的类库，TS社区都有声明文件。名称为@types/类库名，需要去这个网站搜一下http://microsoft.github.io/TypeSearch/

               npm install –save-dev @ types / jquery

               npm install –save-dev @ types / jstree(由于我发现没有用，具体原因我也不知道，于是我把jstree的插件也删了npm uninstall jstree @ types / jstre)

步骤三：在用到的jstree的页面，引入jstree.min.js文件,当然你也可以把你写的jstree的样式一并引入

import '../../../static/jstree/jstree.min.js'

步骤四：声明

declare var $ : any
declare var jstree : any

步骤五：使用

$('#jstree_demo_div').jstree();