【動作環境】
<パソコン>
機種:MacBook Air(13inch)
OS:macOS Sonoma(ver.14.5)
チップ:Apple M3
シェル:zsh
<ソフトウェア>
・Flutter(ver.3.22.3)
・Xcode(ver.15.4)
・CocoaPods(ver.1.15.2)
・Android Studio(ver.2024.1)
・Visual Studio Code(ver.1.92.0)
今回は、Flutterのプロジェクト作成から仮想デバイスでの実行までの手順ついて解説します。
Flutterプロジェクトの作成手順
以下のキーを押して、コマンドパレットを開きます。
Mac command + shift + P
Win Ctrl + Shift + P
1: 保存先のフォルダを選択します。
2: [Select a folder to create the project in]をクリックします。
今回は、shima
というホームフォルダを選びました。
デフォルトでは、「flutter_application_1」と入力されています。
プロジェクトに合わせて、適宜変更しましょう。
プログラムを仮想デバイスで実行する
iOSシミュレーターと連携する手順
ターミナルに、以下のコマンドを入力します。
open -a Simulator
すると、以下のようにiOSシミュレーターが起動します。
作成したアプリを実行する
1: メニューバーにある[実行]をクリックします。
2: [デバッグを開始]をクリックします。
すると、以下のように、作成したアプリがiOSシミュレーター上で動くようになります。
これにて、Flutterのプロジェクト作成から仮想デバイスでの実行までの手順ついての解説を終わります。
次は、画面構築の基本についてです。
コメント