TypeScript开发提效之 - 不手写interface定义

作为前端开发者经常在开发过程中通过请求接口拿到json数据进行使用，但是由于javascript的弱类型语言特性，使编辑器无法感知进行对应的语法提示，所以在开发的时候往往需要一个工具格式化json，格式化后之后进行对应的业务逻辑编写或者声明与json结果匹配的interface定义，让编辑器能智能提示，但是如果在TypeScript中需要指定类型，针对这种后端返回的结果如果不手动定义interface则需要申明为any类型，显然不是我们使用TypeScript的初衷。但是写interface类型定义是一个没任何技术难度的体力活，我们要如何避免手动书写呢？

针对我个人在开发中遇到的这个问题，所以写了一个工具来解决这个问题。先看效果图

 

 

以上截图来源于我打包好的mac客户端，左侧为待格式化的JSON对象或者一个JSON字符串，中间为格式化功能，提供有展开模式和折叠模式，点击可复制对应的key/value。最右侧为TypeScript中自动生成的Interface定义，通过工具我们就不用再手写Interface定义了,可以给我们开发提高不少效率。

在线体验地址：点击跳转体验

github源码地址：github源码地址，当前地址中有一个mac的客户端版本

如果你想开发一个自己定制的JSON格式化或者Interface自动生成，以下代码也许可以帮助你

json格式化github源码地址：格式化源码、npm包

interface自动生成github源码地址：interface自动生成源码、npm包