Flutter提高開發效率的一些方法和工具

Flutter的環境搭配完以後，就開始Flutter的開發，下面的一些工具和方法，能夠省下一些時間。

本身在用的，暫時想到的，就是這些了，總結一下。

1.JSON解析快速生成實體類

根據接口返回的數據，編寫實體類，添加兩個方法。

fromJson()方法是能夠聰一個Map中構造出一個User的實例，toJson()方法，能夠將一個實例轉化爲Map。

若是接口返回的數據比較複雜點，那麼手動寫起來就會很麻煩。這個時候能夠利用json_serializable來幫你自動生成實體類的一些代碼，還有利用caijinglong.github.io/json2dart/i…來快速生成相關代碼。

將json數據複製到這個網站上，就會生成相關的代碼，只須要將這些代碼複製到項目中的文件就好了，

最後在咱們的項目根目錄下運行flutter packages pub run build_runner build，咱們能夠在須要時爲咱們的model生成json序列化代碼 。

注意：要先在pubspec.yaml文件裏面添加：

每一個類最後面生成的with _$UserSerializerMixin，這部分能夠去掉，不去掉的話，好像生成會有問題，反正我是去掉了，沒什麼影響。

2.代碼模板

最簡單的一個例子，就是在寫一個有狀態StatefulWidget的時候，要手動繼承StatefulWidget，重寫createState方法，再建立一個相應的State類並重寫build方法。會寫到你吐血。

這個時候就須要一些代碼模板，幫你快速生成代碼。

反正百度一下確定有些導入Flutter代碼模板的教程。

好比直接打出stf，就能夠自動提示生成StatefulWidget的代碼了。

3.Asset資源文件的導入

Flutter中，常見類型的asset包括靜態數據（例如JSON文件），配置文件，圖標和圖片（JPEG，WebP，GIF，動畫WebP / GIF，PNG，BMP和WBMP）。

通常導入的資源都要在pubspec.yaml文件中按照下面的方式，一個一個進行聲明，應用程序才能獲取到。

改進方法：要包含asset文件下面的全部資源，直接用下面這樣方法，這樣的話，只在這個目錄裏的文件會被包含進來。

4.Flutter Outline工具，主要用於視圖的預覽，還有其餘功能

在編寫佈局的時候，能夠看到Flutter Outline界面，會實時地更新所寫的佈局層次，方便查看。

除了視圖的預覽，還有其餘的功能。

就是右鍵某一個widget，能夠根據提示框，快速幫你在這個widget的外面包裝一層好比padding之類的代碼。這個功能有時候挺方便的。

Extract method的做用是：能夠把某一個widget控件的代碼，幫你封裝成一個方法。不用你去手動地去找出一個widget的所有代碼，再本身拉到某一個方法內。

另外一方面，也能夠方便地看出這個widget的相關代碼，好比要複製操做起來也比較方便。

5.拖動widget自動生成相關代碼

有一個網站：flutterstudio.app/

能夠拖動widget到模擬器中，就能夠生成相關的佈局代碼，本身手動複製粘貼就能夠了。