環境構築

参考情報

Flutter を VSCode で環境構築してみた！＜Windows編＞
Flutterをインストールする

Flutter拡張機能

VSCode用のFlutter拡張機能をインストールしてください

Flutter SDK

公式サイトからWindows>Androidで環境構築を進めていきます

このケースで進めます
VS Code を使用して Flutter をインストールする

VSCodeでCtrl+Shift+Pからコマンドパレットにflutterを入力する
Flutter: New Projectを選択する
下図の吹き出しが表示されたらDownload SDKを選択する
インストール先を選択したらダウンロードが開始される
選択したフォルダパスに大文字が含まれていると失敗することがあります…

環境変数PATHにflutter\binを登録することを忘れずに...

Which Flutter template?が表示されたらescで閉じる

SDK to PATHが表示されたら成功です
出力パネルにChecking Dart SDK version... のメッセージが表示されますが
このインストールでは適用されないエラーもあるため無視する
（公式サイトに記載あり）

Flutter環境確認

flutter doctorコマンドでFlutterと関連ツールのインストール状態や
バージョンを確認できるコマンドです
古いバージョンのAndroid StudioやVisual Studioが入っていると
flutter doctorコマンドのチェックが通りません
以下のメッセージが出た際は参考サイトをご覧ください

私は元々古いバージョンでしたので開き直って入れなおすことで解消しました

Android Studio - Android SDK -

SDK Platforms： Android SDK Build - Tools
SDK Tools： Android API 35
SDK Tools： Android SDK Command-line Tools(latest)
SDK Tools： Android Emulator
SDK Tools： Android SDK Platform-Tools

Virtual Device Manager

カテゴリPhoneからデバイスを選択してNextを押す
x86 Imagesを選択してNextを押す
Graphics：Hardwareを選択してFinishを押す
Startを実行してデバイスを起動する
エミュレータが起動すれば成功とする

デバッグしてみる

VSCodeでアプリを起動させるため、flutter create myappでプロジェクトを新規作成
（最初に読み込まれるファイルはlib > main.dartになります）

VSCodeの右下をクリックしてデバイスを切り替えます

mobule emulatorを選択すればエミュレータが起動します
エミュレータは事前にAndroid Studioでデバイスを登録してください

デバイス選択後、F5キーをクリックするとデバッグが開始され、デモページが表示されたら成功です

環境構築はここまで....

次は開発編を作成したいと思います

補足

Android Studioのエミュレータが重いと感じることがあるかと思います。
Settings > Advanced > OpenGL ES rendererで調整してみてください。
参考：拡張コントロール、設定、ヘルプ
 参考：Android Emulatorが重い