はじめに
- Android studioだと使いにくい（めんどくさい）特にGithub
- VSCodeでコードを書いて、シュミレータ、エミュレータでテストしたい
- Github Copilotを使いたい
- VSCodeはいいぞ
これらの要因でVSCodeでFlutterの開発を行なったほうがいいかなーって感じたので、色々調べた時のメモ的な感じです。
環境
- Macbook Air M2
- Flutter、Xcode、 Android studio、VSCodeは環境構築済み
環境構築したい方は私が別の記事でやってるのでそちらからどうぞ
iosシュミレータを使いたい場合
💡 VSCodeのFlutter拡張機能は必須です。絶対入れておきましょう
flutter: New Projectとコマンドパレットに入れて新しいflutterプロジェクトを立ち上げます
ここでは割愛しますが、この次に作りたいもの（Applicationなど）、保存先のフォルダ、プロジェクト名を入れて立ち上げます。（GUI通りに操作すればおk）
iOS Simulatorを立ち上げます
> open -a Simulator
一度立ち上げたら、Dockなどに残しておくと便利です。いつでも使えるので
立ち上がったのを確認したら、再度コマンドパレットからflutter: Select Deviceと入れます
先ほど起動した端末（iPhone 14 Pro Max）があるので選択します。
VSCodeの右下に端末が表示されていればOKです。
あとはVSCodeのタブより実行とデバックを押すだけで起動します。
Androidエミュレータを使いたい場合
エミュレータを使う場合、デバイスが必要になります。
デバイスを作っていない場合以下のVirtual Device Managerより、
Create Deviceを選択
作りたいハードウェアを選択して、
イメージを入れて、名前を入力します。（ここでは省略）
上手くいくと先ほどの下に追加したデバイスが追加されます。
（私のには追加していないので無い）
エミュレータの起動はとても簡単
先ほどと同じでflutter: Select deviceから作った Androidエミュレータを選択するだけ
実行も先ほどと同じです。
ちなみに実行とデバックをF5に割り当てておけばF5押すだけで起動できるーなんてこともできます。
参考