【Flutter】VSCodeでアプリを起動｜iOS/Androidシミュレーター

VSCodeで開発したFlutterアプリをiOSまたはAndroidシミュレーターで起動させる方法を紹介します。

Flutterの環境構築がまだ済んでいない方はこちらの記事を参考にしてみてください。

あわせて読みたい

【Flutter】VSCodeで環境構築｜macOSにインストールする方法 Macユーザー向けにVSCodeを使用してFlutterでアプリ開発をするための環境構築の仕方を画像を使いながら分かりやすく解説して行きます。本記事ではFlutter SDKのインスト…

iOSシミュレーターを起動させる

iOSシミュレーターを起動させる方法をいくつか紹介していきます。

方法１：ターミナルから起動させる

ターミナルを開き次のコマンドを実行するとiOSシミュレーターを起動できます。

$ open -a Simulator

方法２：VSCodeで起動させる

VSCodeの画面右下にあるデバイスを選択します。

すると画面中央上で起動できるデバイス(シミュレーター)が一覧表示されます。

「Start iOS Simulator」を選択することでiOSシミュレーターを起動できます。

VSCodeを開き画面中央上にある「Flutter Device Selection」から「Open iOS Simulator」を選択することでiOSシミュレーターを起動できます。

方法３：Xcodeで起動させる

Xcodeを開き「Xcode」＞「Open Developer Tool」＞「Simulator」からiOSシミュレーターを起動できます。

FlutterアプリをiOSシミュレーターで起動させる

FlutterアプリをiOSシミュレーターで起動させるには予めiOSシミュレーターを起動させておき、画面右上にある「Start Debugging」を選択します。

しばらくするとiOSシミュレーターでFlutterアプリが起動されます。

Androidエミュレーターを起動させる

VSCodeの画面右下にあるデバイスを選択します。

すると画面中央上で起動できるデバイス(シミュレーター)が一覧表示されます。

好みのAndroidエミュレーターを選択。

するとAndroidエミュレーターが起動されます。

FlutterアプリをAndroidエミュレーターで起動させる

AndroidエミュレーターでFlutterアプリを起動させるために画面右上にある「Start Debugging」を選択。

しばらくするとAndroidエミュレーターでFlutterアプリが起動されます。

この手順でAndroidエミュレーターでFlutterアプリを起動できます。