Flutter 環境構築

Flutter公式のページ(https://docs.flutter.dev/get-started/install)から、OSに合わせてzipファイルをダウンロードする.

ユーザフォルダの直下にdevelopmentフォルダを作成し、ダウンロードしたFlutterのzipファイルを展開して、development下に移動する. 今回は公式のようにターミナルを用いて行う.

mkdir development 

cd ~/development 

unzip ~/Downloads/flutter_macos_3.7.7-stable.zip 

flutter/binのpathを通すために.zshrcファイルに以下の行を追加する.

export PATH="$PATH:/Users/user/development/flutter/bin"

ターミナルを再起動し、以下のコマンドが実行できればOK

which flutter

Flutterで開発するためにインストールが必要なアプリや、既にインストール済みのアプリはFlutter Doctorで確認することができる.
ターミナルで以下のコードを実行しflutter doctorで必要なアプリを確認する.

flutter doctor

初回実行時は必要なツールを入れてくれるので少し時間がかかる.
実行結果を確認すると、Flutterの開発で必要なものの内、PCに既に入っているものは緑のチェックマークが表示され、不足しているものは赤のバツが表示される.
そのため赤のバツになったものを入れていけば良い.
今回はXcodeやAndroid Studio、VS Codeは既にインストール済みであったので、Android toolchainを入れていく.

まずはAndroid Studioのセットアップウィザードを起動して指示に従ってセットアップを行う.
セットアップ完了後に、Flutter Doctorを実行すると結果が以下のように変化する.

cmdline-toolsが必要と言われているのでAndroid Studioを起動して、sdk managerを開く.

Android SDKのSDK ToolsタブからAndroid SDK Command-line Toolsを選択し、右下のApplyをクリックしてインストールする.

インストール後、Flutter Doctorを実行するすると以下のようになる.

licenseの問題と言われているのでターミナルで以下のコマンドを実行し、質問されたらyesする.

flutter doctor --android-licenses

上手くいくとFlutter Doctorを実行したときに問題が全て解消されている.
これで開発の準備は完了となる.