IntelliJ でFlutter 開発できるようにする

IntelliJ でFlutter開発できる環境をセットアップするまで。

環境

1. Flutter のセットアップ

Flutter SDKをインストール

こちらの手順に従っておけば大丈夫

macOS install | Flutter

FlutterをインストールするとDart SDK も自動的についてくる

アプリを作成する

とりあえず公式のサンプル通りに作ってみる。

macOS install | Flutter

2. IntelliJ をセットアップする

Preference > Language & Frameworks > Flutter

Flutter SDK path: にFlutter をインストールしたディレクトリのpathを設定する f:id:teriyaki398:20211027221628p:plain

Preference > Language & Frameworks > Dart

上記のpath + /bin/cache/dart-sdkDart SDKのpath。Dart SDK path: の項目に入力する

/{directory path}/flutter/bin/cache/dart-sdk

f:id:teriyaki398:20211027222133p:plain

Run > Edit Configurations... を設定する

+ボタンからFlutter を選択し、適当な名前とDart entrypoint を設定する。

公式のサンプルに従っている場合、/{directory path}/my_app/lib/main.dart でいいはず。

f:id:teriyaki398:20211027222433p:plain

f:id:teriyaki398:20211027222424p:plain

3. 実行してみる

ここまでセットアップすると、ビルド時の項目にSimulatorの項目も追加されているはず。あとは先ほど設定した実行プロファイルを選択して走らせてみよう。

f:id:teriyaki398:20211027222904p:plain

コードを編集したのち保存するか、⚡️アイコンを押すとHot Reload ができる。