首次步骤

• 添加依赖，自己调整版本号：

  
  image.png
• 创建json对应的model文件
• 执行命令：flutter packages pub run build_runner build
• just like this:

import 'package:json_annotation/json_annotation.dart';
part 'CommonModel1.g.dart';

@JsonSerializable()
class CommonModel1 {
  final String sourceUrl;
  final String targetUrl;

  CommonModel1({this.sourceUrl, this.targetUrl});
  factory CommonModel1.fromJson(Map<String, dynamic> json) => _$CommonModel1FromJson(json);
  Map<String, dynamic> toJson() => _$CommonModel1ToJson(this);
}

修改步骤

• 修改model文件，一般需要增删成员变量+构造函数两个地方

• 执行命令：flutter packages pub run build_runner build

• 如果出现错误，仔细看提示解决，如下图为一种常见的错误：
  

  image.png
  执行一下：flutter packages get 即可。

• 还有一种比较常见的错误：
  

  image.png
  执行一下：flutter packages pub run build_runner build --delete-conflicting-outputs 即可。

• 常见错误3：改动后，无法重新生成代码也不报错
  依赖

参考

• https://medium.com/flutterpub/validating-json-in-flutter-6f07ec9344f8