【Flutter】プロジェクト作成から仮想デバイスでの実行までの手順

1:　VS Codeを開きます。

2:　以下のキーを押して、コマンドパレットを開きます。

Mac　command　＋　shift　＋　P
Win　Ctrl　＋　Shift　＋　P

3:　表示されるコマンド「Flutter: New Project」をクリックして、コマンドパレットに入力します。

4:　表示されるコマンド「Application」をクリックして、コマンドパレットに入力します。

5:　保存先のフォルダを選択します。

6:　［Select a folder to create the project in］をクリックします。

今回は、shima というホームフォルダを選びました。

7:　プロジェクトの名前を入力します。

デフォルトでは、「flutter_application_1」と選択候補に表示されます。

プロジェクトに合わせて、適宜名前を変更しましょう。

1:　ターミナルに、以下のコマンドを入力します。

open -a Simulator

すると、以下のようにiOSシミュレーターが起動します。

2:　先ほどと同じように以下のキーを押して、コマンドパレットを開きます。

Mac　command　＋　shift　＋　P
Win　Ctrl　＋　Shift　＋　P

3:　表示されるコマンド「Flutter: Select Device」をクリックして、コマンドパレットに入力します。

4:　表示される端末名をクリックして、コマンドパレットに入力します。

1:　メニューバーにある［実行］をクリックします。

2:　［デバッグを開始］をクリックします。

3:　デバッグが完了すると、シミュレーター上でアプリが動き出します。