mac OS Catalina 10.15.7にFlutterをインストールする話

スマホアプリを作りたい！と思ったのでmacに環境構築した

Flutterのインストール

Flutter 公式 HPの「Install」ページでmacOS を選択

「Get the Flutter SDK」 から zip ファイルをダウンロードし解凍

ユーザーフォルダ直下にダウンロードした「flutter」フォルダを移動

path設定

使用シェルを調べる

$echo $SHELL

echo $SHELLの結果が/bin/zshなら下記を実行

$vim ./zshrc

echo $SHELLの結果が/bin/bashなら下記を実行

vim ./bash_profile

「i」キーを押して「INSERT」モードに切り替え下記を入力する

export PATH="$PATH:[flutterフォルダが格納されているディレクトリ]/flutter/bin" 

[flutterフォルダが格納されているディレクトリ]を削除して、finterのflutterフォルダをターミナルにドラッグあんどドロップ
「ESC」キーを押して「INSERT」モードを終了
「:WQ」キーを入力して「ENTER」キーを押す事で上書き保存してvimが終わる
which flutterを入力してpathが表示されたら完了
flutter doctorを入力して実行環境に必要なものを確認
不足箇所；✖︎
問題箇所；！
で表示されます

Android Studioのインストール

公式HPのDownload Android Studioをクリックして、同意を聞かれるので同意

android studio を起動して初期設定

プラグインの追加
Configure > Pluginsを選択して、検索ボックスでFlutterを入力
Flutterが出てくるのでFlutterをinstall、installが終わるとOKボタンが出てくるので OKを押してrestart

エミュレータの追加

Creat new Flutter project を選択
Flutter Appを選択してNext
Project name;は任意の名前で、今回はflutter_test_prj
AVD Managerをクリック
phoneを選択してpixel 3aを選択
任意のOSをダウンロード　android11.0を選択
nextを適当にポチポチ、最後にfinishをポチれば完了

ライセンスの許可

flutter doctor --android-licenses

flutter doctorで✔︎がつくのを確認　→通らない…
エラーが発生
java.lang.NoClassDefFoundError
Android Studioから、configure の　SDK Managerを選択
android SDK > SDK Tools > Android SDK Command-line Toolsをインストール

ライセンスの許可、再度挑戦

flutter doctor --android-licenses

flutter doctorで✔︎がつくのを確認
完了

Xcodeのアップデート

Xcode Command Line Tools のアンインストール

sudo rm -r /Library/Developer/CommandLineTools

Xcode Command Line Tools の再インストール

xcode-select --install

↑だめだった

こちらで対応一覧でインストールバージョンを確認
こちらからmacに対応したxcodeをダウンロード　自分はxcode12.4までしか対応してなかった
セットアップしてアプリに追加

iOSデバイスにデプロイする

sudo gem install cocoapods

↑だめだった

sudo gem install -v1.8.4 cocoapods -n /usr/local/bin
flutter doctor
CocoaPods 1.8.4 out of date (1.10.0 is recommended).
sudo gem install cocoapods

バージョンが上がらない。。。
brewに入れればいいらしい

brew install cocoapods

errorが出てインストールできない

brew update

error発生
git -C “/usr/local/Homebrew/Library/Taps/homebrew/homebrew-core” fetch –unshallow

brew update
brew install cocoapods
The brew link step did not complete successfully
brew link --overwrite cocoapods

flutter doctor で全てにチェックが入っていたら終了