typescript说明文件的配置使用

1、举例我们在typescript文件中使用jquery.js文件(以下简称jq)，如果我们不对jq进行描述，会在ts中报错(但不影响使用)

2、当前的目录结构

3、在index.html中引入jq及demo.ts

4、demo.ts文件中输入一些简单的代码，就会发现报错，但是不会影响输出结果，执行index.html能正确执行，如下图

5、在src下新建jquery.d.ts文件，注意，格式为（描述文件名.d.ts），输入以下代码既不会再报错，浏览器也能正常执行

6、更多的jq用法，需要不断的在jquery.d.ts文件中维护，这里只是简单描述怎么自己制作自己的描述文件，大部分插件都有已完成的描述文件，例如jq的我们就可以通过npm安装，npm i @types/jquery

接下来使用ES6模块化导入的形式来解决

7、使用npm安装jq   npm install jquery

8、index1.html与demo1.ts文件内容如下，此时已经报错

9、改写jquery.d.ts

//ES6模块形式
declare module 'jquery'{
    function $(params:()=>void):void;
    function $(selector:string):{
        html:(html:string)=>void
    }
    namespace ${
        namespace fn{
            class init{}
        }
    }
    export = $;
}

10、至此，结束