概要

最近 Flutter に入門した。せっかくなので環境構築（こっちが記事のメイン）から実際にエミュレータでア動かすところまで残しておこうと思う。

環境

MacOS
Visual Studio Code
Flutter 3.0.4

インストール手順

1. Flutter のインストール

wget https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_3.0.4-stable.zip

unzip flutter_macos_3.0.4-stable.zip

vim ~/.zshrc
# export PATH="$PATH:`pwd`/flutter/bin"

Flutter に必要なものが揃っているか確認。

flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.4, on macOS 12.4 21F79 darwin-x64, locale ja-JP)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[!] Xcode - develop for iOS and macOS (Xcode 13.4.1)
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.68.1)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

出力結果に基づいて諸々インストールする。この結果は個人によると思うので上記以外で不足があった場合はそれぞれ対処する必要あり。

android studio

Flutter が android studio に依存しているため、直接利用しない場合でもインストールする必要がある。

下記リンクからダウンロードできる。

インストール後、起動すると勝手に色々なパッケージを入れてくれる。

完了した後にもう一度 flutter doctor を実行すると、command-line ツールが足りないと言われるので以下の手順で追加する。他のツールをインストールしたい時も基本的に以下の流れに従えば良い。（はず？現状この方法しか知らない）

チェックを入れて Finish を押せばインストールされる。

ライセンスに承諾していないものがあるということで、以下を実行。

flutter doctor --android-licenses

これで android 系の問題はすべて解決される。

[✓] Flutter (Channel stable, 3.0.4, on macOS 12.4 21F79 darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[!] Xcode - develop for iOS and macOS (Xcode 13.4.1)
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.68.1)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

cocoapods のダウンロード

公式では gem で入れると案内されているが、これだとうまく行かない場合がある。（自分はうまく行かなかった。）
ので、brew で入れる。

brew install cocoapods

[✓] Flutter (Channel stable, 3.0.4, on macOS 12.4 21F79 darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.4.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.68.1)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

• No issues found!