インストール手順

基本的にはオフィシャルドキュメント通りにやればOKですが、WSL2を有効にした状態だとハマったので備忘録がてら残します

1. Git for Windows のインストール

https://git-scm.com/download/win こちらからダウンロードしてインストールをすれば良いのですが、winget でもインストールが可能です。

2. Flutter のインストール

コマンドプロンプト or Power Shell を起動し、 C:\src に今回は Flutter をインストールしております。
※ C:\Program Files 等にはインストールをしないようにします。詳細はオフィシャルドキュメントを参照

mkdir C:\src
cd c:\src
git clone https://github.com/flutter/flutter.git -b stable

Flutterのコマンドを使えるように PATH を通します。

1. システム環境変数の編集をクリック

2. 環境変数(N) をクリック

3. Path を選択して、編集をクリック

4. 新規をクリックをし、Flutter をインストールした場所 C:\src\flutter\bin を入力します

これで flutter コマンドにパスが通ったので、以下のコマンドを実行します。

flutter doctor

初めて flutter を実行した場合は、必要なSDKやモジュールのダウンロードが走ります。
最後に doctor の結果が表示されますが、まだ Flutter 以外はインストールされていないので無視してOKです。

3. WSL2 と Android Studio (Androidエミュレーター)を共存させる方法

WSL2 を利用していない人はここの項目はスキップしてください。

WSL2を利用している状態で、Android Studio (Android エミュレーター) のインストールの時に、エラーになりました。
スクショを取り忘れたのですが、**「Hyper-VをOffにしてください」**というような内容です。

私のwindows環境では、WSL2 を利用していたため、Hyper-V が有効になっておりました。
色々調べてみると、オフィシャルドキュメントに対応方法が載っており、この通りにやれば解消しました。

Windows Hypervisor Platform を使用する VM アクセラレーションを設定する

1. デスクトップの windows アイコンを右クリックし、「アプリと機能(F)」をクリックする

2. 関連設定にある「プログラムと機能」をクリック

3. Windowsの機能の有効禍または無効化をクリックする

4. Windows ハイパーバイザーのプラットフォームにチェックを入れて、「OK」ボタンをクリックをする

5. パソコンを再起動

4. Android Studio のインストール

Android Studio
上記のページより、最新版をダウンロードします。(今回は4.1.1)
ダウンロードしたら、インストーラーに従ってインストールをしていき、終わったら Android Studio を起動してください。

Android Studio の設定と Demoアプリの起動

以下の手順で Flutter の plugin をインストールをします。

Flutter で検索をして、Install をしていきます

Create New Flutter Project をクリック

Flutter Application を選択して Next をクリック

Flutter SDK path がブランクの場合は Flutter のインストールパスを入れて、Nextをクリック

この辺はとりあえずデフォルトのままで Finish をクリックして終わります

コードは一旦そのままで、エミュレーターを起動してみるとこんな風に画面が表示されればOKです。