👓
asdfを使ってFlutterの環境を構築する!
asdfを使ってFlutterの環境を構築していきます!
IDEはAndroid Studioを使います
環境
MacBook Air M2 2022
メモリ: 16GB
macOS: Ventura
Homebrewでasdfをインストール
brew install asdf
~/.zshrc
. /opt/homebrew/opt/asdf/libexec/asdf.sh
asdfのFlutterプラグインを追加
asdf plugin add flutter
Flutterをインストール
使えるバージョンを確認
asdf list all flutter
最新のstableを選択 ※2023.06
asdf install flutter 3.10.4-stable
インストールされたか確認
asdf list flutter
*3.10.4-stable
とりあえず全体的に使えるように設定
asdf global flutter 3.10.4
flutterのバージョンを確認
flutter --version
Android Studioの設定
ちなみにAndroid StudioはHomebrewでインストール
brew install --cask android-studio
Android StudioにFlutterのプラグインを追加
(Flutterの新規プロジェクトを簡単に作ることができる)
Settings > Plugins から 「Flutter」を追加してAndroid Studioを再起動
Flutter SDKのpath設定
Preferences | Languages & Frameworks > Flutter 「Flutter SDK path」にasdfでインストールしたバージョンのpathを設定
/Users/{ユーザ名}/.asdf/installs/flutter/3.10.4-stable
flutter doctorのエラーを解決
flutter doctorをすると残りの設定のTODOがでてきます
flutter doctor
Androidのエラーを解決
- cmdline-tools component is missing
- Android license status unknown.
こちらを参考にしました
iOSのエラーを解決
- Xcode installation is incomplete
AppStoreからXcodeをインストール(最新版にアップデート)
その後↓↓を実行
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
- CocoaPods not installed.
最新版のrubyをasdfでインストールして、cocoapodsをインストールしました(端折ります)
asdf list ruby
*3.2.2
rubyのバージョン確認
ruby -v
ruby 3.2.2
cocoapodsをインストール
sudo gem install cocoapods
cocoapodsのバージョン確認
pod --version
1.12.1
再度flutter doctorをして、全て[✓]になっていることを確認!
今日はこれにて終了です 👍
Discussion