摘要：
其次，Json是一种轻量级的数据交换格式。在前端和后端之间的数据交互过程中，后端接口返回Json格式的数据，前端需要使用相应的Ts类对象来接收它。此时，如果后端提供样本数据或现有接口返回的Json格式数据，是否有方法帮助我们从Json格式数据生成Ts类？介绍了三个主要功能。1.查看Json对应的Ts类，将要格式化的Json字符串复制粘贴到中间编辑区域。单击右侧的ViewTs以查看与当前Json对应的TypeScript类。
一 目标
推荐一款在线将Json对象转换为Ts类的工具：https://apihelper.jccore.cn/jsontool
可以帮助前端开发人员提高开发效率。
二 背景
Json是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。所以Json成为了前后端交互使用的主要格式。
Typescript作为一种前端开发语言，应用也越来越广，前端Angular开发框架就是以Typescript进行构建的。
在前后端数据交互过程中，后端接口返回Json格式数据，前端需要使用相应的Ts类对象去接收。类的属性要保持一致。
此时，如果后端提供了样例数据，或已有接口返回的Json格式数据，有没有一种方法可以帮助我们，从Json格式数据，生成Ts类呢？
于是就有了Json Format 在线格式化工具。
三 主要功能介绍
1.查看Json对应Ts类
将待格式化的Json串复制粘贴到中间编辑区域。
点击右侧ViewTs即查看当前Json对应的TypeScript类。
2.格式化Json字符串
将待格式化的Json串复制粘贴到中间编辑区域。
点击右侧Format即可以将字符串格式化为Json格式。
3.查看Json原字符串
点击ViewString,即可将已格式化的Json串，去掉空格和换行，转换为一个字符串。
其实都是比较简单的功能，就不 一 一 介绍了。
四.其它
如果觉得功能实用就收藏一下吧。在线Json格式化工具：https://apihelper.jccore.cn/jsontool
本工具集成在JcApiHelper中，使用angular开发，引入Ant Design 的NG-ZORRO UI框架，大家可以去github查看工具源码，欢迎关注。
JcApiHelper源码：
关于JcApiHelper介绍，请点击https://www.cnblogs.com/arthur3k/p/11147230.html
如有问题或建议,欢迎留言指教.