elementUI中的xxxx.d.ts文件

elementUI中的xxxx.d.ts文件–个人小记

​ 一般在vue项目中的elementUI库中，路径：module/element-ui/types中，有大量后缀名为.d.ts的文件。

​ 一般，.d.ts后缀名的文件，其中的typescript代码是不会编译出js代码的，他们的主要用途是类型声明，给开发者提供便利。

各种js第三方库，，大多都提供了对应的.d.ts文件。主要是考虑到大多数开发者比起为什么做成这样子？其中的实现原理是怎么样的？他们关注的重心大部分是放在怎么使用上。而.d.ts后缀名的文件为第三方库暴露出来的方法进行了注释说明，让开发者可以快速直接地使用第三方库。

​ 注：在实际开发中，.d.ts后缀名的文件可以被ide识别，并给出智能提示。

​ 在实际开发中，.d.ts后缀名的文件常用于辅助开发，提高效率。举个栗子：

​ 你开发的模块中，需要画一个特殊的图表，需要重头到尾自己设计，包括UI和数据渲染逻辑、必要的图表功能（图表大小重置、清除数据等等）。因为其他人需要用到你的方法去开发相应的页面，所以你可以先和他们商量好，会给他们什么样的方法，需要些什么样的参数（可参考前后端接口对接的模式，和这类似）。之后你根据商量好的具体内容，创建一个xxxx.d.ts文件，在里面设计声明好相应的类接口。后面的人可以直接使用你写好的类接口，且ide不会提示报错（最主要的就是这个）,尽管页面上的图表无法正常使用，但是能让其他人先完成业务逻辑的代码，省下部分时间，后续一般只需进行少量修改和调试，基本上就可以了。比较适合经常开发公共模块的人使用。