Flutter 開発環境の構築

macOS Big Sur にて、Android StudioとCursorがインストールされている環境に Flutter をセットアップする。（※環境は、stera terminal (JT-C60) のアプリを開発するためのセットアップとなっていますので、通常のインストール方法と異なる部分があるかも知れませんのでご注意ください）

１．Flutter をインストールする

Cursorの左ペインにある VSCode のマーケットプレイスから、Flutterを検索し、インストールボタンを押下する。

cmd+shift+pで、コマンドパレットを表示して”flutter new project”とタイプして実行する。

画面左下に、

が表示されるので、”Download SDK”をクリックして、SDKをインストールする。

２．環境変数を設定する

.zprofile ファイルのPATHに ~/flutter/bin を追加する。

＄　echo 'export PATH=~/flutter/bin:$PATH' >> .zprofile

設定したファイルを有効にするため、source を実行する。

$ source .zprofile

３．Flutter の診断ツールを実行

Flutter の診断ツールを実行して、開発環境で不足しているものを確認する。

$ flutter doctor

素の macOS Big Sur の場合、Android devices や Xcode のCocoaPods あたりが不足しているとのエラーメッセージが表示される。

Running "flutter pub get" in flutter_tools...                      13.3s
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.2.1, on macOS 11.2.2 20D80 darwin-x64, locale ja-JP)
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.1)
　✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[!] Xcode - develop for iOS and macOS
　! CocoaPods 1.9.3 out of date (1.10.0 is recommended).
　　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 upgrade see https://guides.cocoapods.org/using/getting-started.html#installation for
　instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.0)
[✓] VS Code (version 1.56.0)
[✓] Connected device (1 available)
! Doctor found issues in 2 categories.

１つ目のアラートは、ライセンスがアクセプトされていないためなので、次のコマンドを実行してください。各SDK Packageのアクセプトを聞かれますので、全て「y」を入力してください。（※Android SDK Command-line Toolsがインストールされていないとエラーになりますので、事前にAndroid Studioからインストールしておいて下さい）