flutter環境構築

# flutter環境構築
flutterダウンロード
https://docs.flutter.dev/get-started/install/macos
※解答したフォルダをホームディレクトリへコピー

PATHを通す
`echo export PATH=\"\$PATH:\$HOME/flutter/bin\" >> ~/.zshrc`
`source ~/.zshrc`

PATHが通っていることを確認
`flutter --version`

flutterの環境チェック
`flutter doctor`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/054a5179-b733-5362-76e6-fb93399c8b5c.png)


android studioはこちらからインストール
https://developer.android.com/studio?hl=ja

android studioのflutterをインストール
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/685a364f-c0c5-0713-9988-e8f09a8c8705.png)

Android toolchainをインストールする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/3b926bad-4314-483c-4efe-d4195e29edd1.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/2c356995-7180-389b-a9a8-d4af0ba5158d.png)

ライセンス認証する(全て「y」でOK)
`flutter doctor --android-licenses`

App storeからxcodeをインストールした後に下記コマンドを実行
`sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer`
`sudo xcodebuild -runFirstLaunch`
`brew install cocoapods`
※上手くいかない場合下記を参照
https://qiita.com/yoshinyan/items/2c9a59e5a3bd80b9bdbd

設定状況を確認
`flutter doctor`
下記のように全てチェックが入っていればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/d865fda8-751b-ed7d-446d-d04078ab14af.png)

vscodeの編集バーに書きを入力
`>flutter`
Flutter:New Projectを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/fae869f5-bdf2-052a-935a-df4acb61afcd.png)

# iosシュミレーターを起動
ターミナルに書きを入力するとシュミレーターが起動する
`open -a Simulator`

シュミレーターを選択した状態で メニュー＞File＞Open Simulatorを選択するとシュミレーターを切り替えできる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/35ffbe9c-6a1a-2ed5-a82f-b52e28e656c5.png)

# androidシュミレーターを起動
まずはデバイスを作成します。
android studioを起動します。
適当にflutterプロジェクトを作成し、作成したプロジェクトを選択した状態で右上の点が３つあるボタンを選択し、Vitual Device Managerを選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/6c13c030-8318-b2d5-937c-dc56f7b99913.png)

Create Deviceを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/9083631d-2e1f-a00a-5442-10ea7a1cfbb6.png)

適当なスマホを選択して「next」を押下する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/6249d245-b02d-c239-624d-987da782bc17.png)

そのまま「Next」を押下する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/543b9726-15d3-30e7-5a2d-789495b3a1c2.png)

そのまま「Next」を押下する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/7351cf06-69bc-cbfd-9e96-9a91f23481e2.png)

VScodeへ戻り検索バーへ下記を入力
`>flutter:Select Device`
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/7e00335f-672f-20bb-a391-0aac9d4929c4.png)

デバイスの選択画面が表示されるので、選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/a8cd7fad-0be5-d22e-d5e9-3960a4db0d99.png)

そうするとシュミレーターが起動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/e70d8965-62d1-0ec9-425a-e3a258937086.png)

main.dartを選択した状態でF５を押下すると作成したアプリが起動する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/21667/dd68274c-fb3a-360b-4411-59b470aabebe.png)