[Flutter] 今のコードをちょっとよくする（import_sorter編）

こんにちわ。いせきです。色々あり、なかなか記事が書けませんでした。（コロナになっちゃいました。）
感染力がとても強いなと思いました。（家族全員全滅でした。。。）

まあ、治ったのでかいていきます〜〜〜。

使い方

まずは、Packageを入れましょう。

dev_dependencies:
  flutter_test:
    sdk: flutter
  import_sorter: ^4.6.0

今回の場合は、flutterのコード内にimport_sorterを入れないため、dev_dependencies　ました。詳しい説明はこちらで書いています。（見てもらえると嬉しいです。）

これで準備は完了です。

importを整理してみよう

では整理していきましょう。こちらのコマンドを打ってみてください。

flutter pub run import_sorter:main

before

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/physics.dart';
import 'package:flutter/painting.dart';
import 'package:intl/intl.dart';
import 'package:mdi/mdi.dart';
import 'package:provider/provider.dart';
import 'anotherFile.dart';
import 'package:example_app/anotherFile2.dart';
import 'dart:async';
import 'dart:io';
import 'dart:js';

After

// Dart imports:
import 'dart:async';
import 'dart:io';
import 'dart:js';

// Flutter imports:
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/painting.dart';
import 'package:flutter/physics.dart';

// Package imports:
import 'package:intl/intl.dart';
import 'package:mdi/mdi.dart';
import 'package:provider/provider.dart';

// Project imports:
import 'package:example_app/anotherFile2.dart';
import 'anotherFile.dart';

このよう感じとなっています。

解説

Dartのimportが入る。
// Dart imports:
import 'dart:async';

Flutterのimportが入る。
// Flutter imports:
import 'package:flutter/material.dart';

Dart packagesが入る。
// Package imports:
import 'package:intl/intl.dart';

作成したファイルの絶対パスor相対パスが入る。
// Project imports:
import 'package:example_app/anotherFile2.dart';

最後に

「今のコードをちょっとよくする」のシリーズ化ができていますね。僕も一つ書いて終わりかと思いましたが、何とか続けられています。また思いつき次第、たくさん書いて、いつか書籍化？などができた良いですね。

１、今のコードをちょっとよくなった。
２、今のコードをちょっとよくなった。
３、今のコードをちょっとよくなった。

→ めっちゃ良いコードになれた

こうなったら素晴らしいですね！！

僕もこれからもたくさん学んでいきます。