JSON to ArkTS Model 王者归来

前言导读

各位同学大家好，各位在鸿蒙next开发中是不是遇到json解析时候要写很多Model 类这时候你很懒不想动怎么，你可能说我用AI生成，但是这时候没有token 怎么办呢，没事他来了 JSON to ArkTS Model 专门为deveco 打造的IDE插件它来了。

安装步骤

1 下载插件的安装包

下载地址

2 安装插件

选择我们下载好的安装包然后点击ok 即可

一、功能说明

左侧粘贴 JSON（实时校验，非法红色边框 / 合法绿色边框）
输入类名，选择生成 Interface 或 Class
Class 可选「带参构造函数」或空构造函数
自动递归推断嵌套对象与数组类型（number[] / string[] / boolean[] / Xxx[]），null 归为 Object，空数组归为 Object[]
同一个字段在不同数组元素里类型不一致时，以首次出现的类型为准
生成后自动写入编辑器光标处（从编辑器唤起时默认开启，无需复制粘贴）
入口：Tools 菜单 → JSON to ArkTS Model...、编辑器右键菜单，或快捷键 Alt+Shift+J
从编辑器唤起时自动预填：选区 JSON 或整个 .json 文件内容，类名取文件名

日常使用流程

打开一个空的 .ets 文件（如 UserModel.ets）→ 右键 → JSON to ArkTS Model... （类名已自动填好）→ 粘贴 JSON → 点 Generate → 代码自动写入文件，对话框关闭。

生成示例

输入：

json 复制代码

{"code": 200, "data": {"userName": "Tom", "orders": [{"orderId": 1}]}}

选择 Interface、类名 RootModel，输出：

typescript 复制代码

export interface RootModel {
  code: number;
  data: Data;
}

export interface Data {
  userName: string;
  orders: Orders[];
}

export interface Orders {
  orderId: number;
}

实际操作效果

我们先创建一个空的UserModel 的ArkTs 的类

然后点击鼠标的右键选择 JSON to ArkTS Model 或者你使用键盘快捷键（Alt+ Shift +J）

在左边的输入框里面输入我们的json字符串

然后点击 Generate 就可以生成我们的Model 代码了

这是生成好的代码

二、兼容性

IDE	平台版本	支持
IntelliJ IDEA	2024.1 (241) 及以上	✅
DevEco Studio	6.x (平台 243) 及以上	✅

最后总结：

这个插件项目是根据我之前写的网页json 转arkts model 改造因为我担心我都服务器到期访问不了第二个也是担心大家忘记了网址，所以就做成插件这样依赖呢，大家在使用的时候就直接在ide 里面做好转换了更加的方便，也在希望各位同学能多多支持鸿蒙生态，希望能帮助各位开发者和学生。如果觉得不错可以给我一个star

源码地址

github.com/xq19930522/...