Flutter的环境搭配完之后，下面的一些工具和办法，能够提高Flutter开发功率。
自己在用的，暂时想到的，就是这些了，总结一下。
1.JSON解析快速生成实体类
依据接口回来的数据，编写实体类，增加两个办法。
fromJson()办法是能够聪一个Map中构造出一个User的实例，toJson()办法，能够将一个实例转化为Map。
image.png
如果接口回来的数据比较复杂点，那么手动写起来就会很麻烦。这个时分能够使用json_serializable来帮你主动生成实体类的一些代码，还有使用caijinglong.github.io/json2dart/i…来快速生成相关代码。
将json数据仿制到这个网站上，就会生成相关的代码，只需求将这些代码仿制到项目中的文件就行了，
最终在我们的项目根目录下运行flutter packages pub run build_runner build，我们能够在需求时为我们的model生成json序列化代码 。
注意：要先在pubspec.yaml文件里面增加：
image.png
每个类最终面生成的with _$UserSerializerMixin，这部分能够去掉，不去掉的话，如同生成会有问题，横竖我是去掉了，没什么影响。
image.png
2.代码模板
最简单的一个例子，就是在写一个有状况StatefulWidget的时分，要手动承继StatefulWidget，重写createState办法，再创立一个相应的State类并重写build办法。会写到你吐血。
这个时分就需求一些代码模板，帮你快速生成代码。
横竖百度一下肯定有些导入Flutter代码模板的教程。
比方直接打出stf，就能够主动提示生成StatefulWidget的代码了。
image.png
3.Asset资源文件的导入
Flutter中，常见类型的asset包含静态数据（例如JSON文件），配置文件，图标和图片（JPEG，WebP，GIF，动画WebP / GIF，PNG，BMP和WBMP）。
一般导入的资源都要在pubspec.yaml文件中按照下面的方式，一个一个进行声明，应用程序才能获取到。
image.png
改善办法：要包含asset文件下面的所有资源，直接用下面这样办法，这样的话，只在这个目录里的文件会被包含进来。
image.png
4.Flutter Outline工具，首要用于视图的预览，还有其他功用
在编写布局的时分，能够看到Flutter Outline界面，会实时地更新所写的布局层次，便利检查。
除了视图的预览，还有其他的功用。
就是右键某一个widget，能够依据提示框，快速帮你在这个widget的外面包装一层比方padding之类的代码。这个功用有时分挺便利的。
image.png
Extract method的作用是：能够把某一个widget控件的代码，帮你封装成一个办法。不用你去手动地去找出一个widget的悉数代码，再自己拉到某一个办法内。
另一方面，也能够便利地看出这个widget的相关代码，比方要仿制操作起来也比较便利。
image.png
5.拖动widget主动生成相关代码
有一个网站：flutterstudio.app/
能够拖动widget到模拟器中，就能够生成相关的布局代码，自己手动仿制粘贴就能够了。
image.png
image.png
