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

如有问题或建议,欢迎留言指教.