はじめに
Flutterは初見ですので手探り状態ですが、試行錯誤してやってみます
作業しながら記事を書いていきますので、本来の手順と前後するかもしれません
（2024年9月時点のPC環境）
VSCode: 1.93.1
OS: Windows_NT x64 10.0.19045
このページのゴール
-
Flutterのインストール -
エミュレータが起動する
環境構築
参考情報
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が重い