intelMacでのflutter環境構築メモです。
Macスペック
機能要件的には一応ギリいけるか？ ダメなら新しいMac買おう。 * 2019年MacbookPro13インチ * 1.4 GHz クアッドコアIntel Core i5 * Intel Iris Plus Graphics 645 1536 MB * 8 GB 2133 MHz LPDDR3
flutterSDKをインストール
intelMacなのでintel Proccessorをクリック
zipファイルは解凍し、任意の開発フォルダ等に格納しておく
PATHを通す
※PATHの設定は慎重にやった方がいい
自分のMacはzshの設定ファイルが.zprofileに記載してた。 .zshrcが一般的らしいけど、、、
##設定ファイルがあるか確認する $sudo ls ~/
下記の書き方だとPATH追加でなく上書きになってしまいlsとかの基本的なコマンドが打てなくなった。。。。
## PATH通す $ echo 'export PATH="$PATH:[flutterフォルダが格納されているディレクトリ]/flutter/bin"' >> ~/.zprofile ## 有効化 $ source ~/.zprofile ## 確認 $ which flutter ## 下記が返ってくる /Users/hogehoge/workspace/flutter/bin/flutter
上記のPATH通すと書いてる部分を下記に修正し実行、またはファイルを直接編集してあげる
echo 'export PATH="/Users/自分のユーザディレクトリ/開発用ディレクトリ/flutter/bin:$PATH"' >> ~/.zprofile
そんでPATHが通ったことを確認してください。 ついでにこれまで打ってたlsやらの基本的なコマンドが使えることも確認。
PATH追加でおかしくなったら
下記を参考にしました。ありがとう、、
環境変数の設定を間違えてほとんどのコマンドが command not found になってしまったときの対処法 #Bash - Qiita
MacでPATHを通すときにVimが使えなくなったときの解決策
AndroidStudioインストール
こちらでダウンロード。
intelMacなのでそちらを選択する。
ダウンロードしたらアプリケーションフォルダから開いて、
- Do not import→OK
- 他はデフォルトなままNextで進めてAcceptしFinishすると色々インストールされる このような画面になる
flutterのプラグインをインストール
flutterをインストールしてRestart IDEをクリックし再起動
Android SDKをクリック
AndroidStudioのProject→More Actions→ SDK Managerをクリック SDK Toolsタブ→ Android SDK Command-line Tools(Latest)にチェック入れ→Apply→確認画面が出るのでOK
インストール完了したらOK
Xcodeのセットアップ
AppStoreからXCodeをインストール(10分くらいかかった) XcodeでiOS関連のインストール
cocoapodをインストール(rubyは2.6.1)
※めっちゃハマった。。。
$sudo gem install cocoapods だとエラーになってコケます。
## 下記だとインストールできる $ sudo gem install -n /usr/local/bin cocoapods
セットアップ
$ pod setup
参考
iOSライブラリ管理ツール「CocoaPods」の使用方法 #Objective-C - Qiita
flutter doctor
実行する
$flutter doctor
##なんかこけてる
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.3, on macOS 14.1 23B74 darwin-x64, locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 15.3)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.2)
[✓] VS Code (version 1.82.0)
[✓] Connected device (2 available)
[✓] Network resources
android-licenses認証がうまくいってないっぽいので、書かれてる通りに実行
##実行 $flutter doctor --android-licenses ##再度実行する $flutter doctor
グリーン！！ これで環境構築OKとのことです。
Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 3.19.3, on macOS 14.1 23B74 darwin-x64, locale ja-JP) [✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0) [✓] Xcode - develop for iOS and macOS (Xcode 15.3) [✓] Chrome - develop for the web [✓] Android Studio (version 2023.2) [✓] VS Code (version 1.82.0) [✓] Connected device (2 available) [✓] Network resources • No issues found!
長かった。
参考
全体の手順については、こちらのサイトに詳しく書かれてました。
myappを起動してみる
$flutter create myapp ##こんなログが出ればOK Creating project myapp... Resolving dependencies in myapp... (1.3s) Got dependencies in myapp. Wrote 129 files. All done! You can find general documentation for Flutter at: https://docs.flutter.dev/ Detailed API documentation is available at: https://api.flutter.dev/ If you prefer video documentation, consider: https://www.youtube.com/c/flutterdev In order to run your application, type: $ cd myapp $ flutter run Your application code is in myapp/lib/main.dart.
書かれてるようにcreateされたmyappディレクトリに移動してflutter run実行
$ cd myapp $ flutter run ##ChromeかMacOSを選択して起動できる
こんな画面が表示される
