插件介绍

• Json2Dart-Null-Safety:用于生成json转dart的模型
  • fromJson: 生成fromJson的方法
  • toJson: 生成toJson的方法
• AssetGenerate:用于生成资源文件的索引
• Languages-Res:用于生成翻译资源

插件安装

请点击下载 最新的版本，并从本地进行安装：

Prefercens->Plugin->Setting->Install Plugin from Disk

使用方法

Macos 使用 Command+N键，就能看到如下弹窗： 选中想要的插件就可以对其进行使用了

Json2Dart-Null-Safety

基于之前json转dart模型不是特别方便，而且常见的几种也数据类型安全，经过几个版本的迭代，已经成熟的应用于各个项目中，因此特意写下来记录一下，供各位参考。

选取一段json数据,选中自己模型将要生成的文件夹，这里进行简单示例，如下：

• ClassName 写上文件名，真正的className会自动生成
• extends 模型需要继承的类名
• implements 模型需要实现的类名

接着按下generate就可以看到生成的 数据模型:

生成常用的几个方法如下：

• fromJson

  ///这里直接就是Map,不特意指名类型能兼容更多的库
  AudioBookTest.fromJson(Map json) {
    condition = json.asBean('condition', (v) => Condition.fromJson(v));
    albumInfo = json.asBean('albumInfo', (v) => Albuminfo.fromJson(v));
    trackList = json.asList<Tracklist>('trackList', (v) => Tracklist.fromJson(v));
  }

• toJson

  ///增加了..put的扩展方法，如果是null，字段就不会被放进去，为空字符串也不会
  Map<String, dynamic> toJson() => {
    'condition': condition?.toJson(),
    'albumInfo': albumInfo?.toJson(),
    'trackList': trackList?.map((v) => v.toJson()).toList(),
  };

• toBean
  

  ///第一个父类增加了一个静态方法，方便方法引用
  static AudioBookTest toBean(Map json) => AudioBookTest.fromJson(json);

• toString
  

  ///复写toString方法，将数据又重新以json形式导出
  String toString() => jsonEncode(toJson());

生成的模型依赖 json2dart_safe 的依赖库 ，注意如果不需要使用数据库，就直接选取没有database结尾的，虽然说flutter的编译的时候会省略掉无用的代码，各位视情况而定。

fromJson toJson 插件

为已有的模型类添加toJson跟fromJson的方法，有时候会编写一个类，不是通过json的，这时再想通过json转又需要去生成一个json数据，直接从已有的类中进行模型的生成。

AssetGenerate

之前项目中都是通过字符串对文件资源资源直接进行引用，导致后面跟进这个图片是否使用到比较麻烦，或是否已经存在而不会出现许多一样的资源， 故可以通过插件生成一个R.资源文件，此如果是安卓过来的同学，就能知道是什么意思( ios的同学有问过我是什么意思，R英语单词为resource， 在安卓中是系统编译时对资源自动生成的文件索引)， 使用简单，直接贴上示例代码, 生成资源文件R.dart在lib/res：

class R {
  static const String _root = "assets";

  ///------------------------ assets ------------------------
  static const String icCry = '$_root/ic_cry.png';
  static const String icAvatar = '$_root/ic_avatar.png';
  static const String icHistory = '$_root/ic_history.png';

  ///------------------------ tabs ------------------------
  static const String icPen = '$_root/tabs/ic_pen.png';
  static const String icTodo = '$_root/tabs/ic_todo.png';
  static const String icDatas = '$_root/tabs/ic_datas.png';
  static const String icSetting = '$_root/tabs/ic_setting.png';
  static const String icFavorite = '$_root/tabs/ic_favorite.png';

  ///------------------------ files ------------------------
  static const String icDir = '$_root/files/ic_dir.png';
  static const String icBook = '$_root/files/ic_book.png';
  static const String icFile = '$_root/files/ic_file.png';
  static const String icOpenFolder = '$_root/files/ic_open_folder.png';
  static const String icRootFolder = '$_root/files/ic_root_folder.png';
 }

而对于该主工程下面的子工程，则会生成，类似如下所示的r.dart文件

class R {
  static const String _root = "packages/flutter_reader/assets";

  ///------------------------ assets ------------------------
  static const String icTab = '$_root/ic_tab.png';
  static const String icFreely = '$_root/ic_freely.svg';
  static const String icMdEye = '$_root/ic_md_eye.png';
  static const String icMdSplit = '$_root/ic_md_split.png';
  static const String icNormally = '$_root/ic_normally.svg';
  static const String icSqueezed = '$_root/ic_squeezed.svg';
  static const String icFramework = '$_root/ic_framework.svg';
  static const String icChangeLine = '$_root/ic_change_line.png';
  static const String icLargeFrame = '$_root/ic_large_frame.svg';
  static const String icTextDelete = '$_root/ic_text_delete.png';
  static const String icTextFormat = '$_root/ic_text_format.png';
  static const String icSplitSymbol = '$_root/ic_split_symbol.png';
  static const String icNoIndentation = '$_root/ic_no_indentation.svg';
}

Language-Res

语言的翻译插件，需要在根目录加一个名为plugins.properties插件配置用于指定需要生成的语言，配置内容如下：

plugin.languages=zh-Hans,zh-Hant,en
plugin.needTranslate=true
plugin.countryCode=CN,HK,US
plugin.languageDir=/lib/res

• 这里是根据getx 搭建的项目进行生成的
• 调用google免费的api，次数过多可能会被限制，导致无法生成

1.直接选中res目录，生成翻译

• 选中res文件夹，按下COMMAND+N，选中Language-Res
• 在value中输入需要进行多语言的文字
• 点击Translate，会show出结果，并生成对应的key值（可手动修改key值）
• 点击Generate，生成翻译代码

可以看到四个文件都有状态变化，

• string.dart 生成字段引用的Ids
• string_en,string_zh_hans,string_zh_hant则分别生成了对应语言的翻译

2.选中文本，进行翻译

在已经编写在代码中的文本进行抽取，选中文字，COMMAND+N选中Language-Res，选中的文字,如下图所示： 其它的一致，也是点击translate，然后generate，就能得到如下翻译结果

这个工程就是一个基本的范例工程 example