Flutterの開発環境構築手順

M1 MacにおけるFlutterの環境構築手順について書きます

参考にしたサイト

flutter.dev

外部リンク

macOS install

https://flutter.dev/docs/get-started/install/macos

How to install on macOS.

Get the Flutter SDK

Flutter SDKをダウンロードします
https://flutter.dev/docs/get-started/install/macos
※今回は2.0.2が最新

ホームディレクトリにdevelopmentフォルダを作成し、ダウンロードしたFlutter SDKを保存します

mkdir development

developmentフォルダに移動し、zipファイルを解凍します

cd development
unzip flutter_macos_2.0.2-stable.zip

flutterコマンドのパスを通します

echo 'export PATH="$PATH:$HOME/development/flutter/bin"' >> ~/.zshrc
source ~/.zshrc

flutterコマンドのパスを確認します

which flutter

Run flutter doctor

flutter doctor

を実行し、不足しているソフトウェアを明確にします

Android Studio

1. 公式サイトからダウンロードし、dmgファイルを実行します
   https://developer.android.com/studio/index.html
   
2. アプリケーションからAndroid Studioを起動しコンポーネントをインストールします
   
3. Android Licenseに同意します
   

flutter doctor --android-licenses

xcode

https://flutter.dev/docs/get-started/install/macosを参考にインストールします

cocoapods

1. 公式サイトを確認します
   https://guides.cocoapods.org/using/getting-started.html#installation
   
2. インストールします
   

sudo gem install cocoapods

flutter doctorで漏れがないか確認する

flutter doctor

iOSシミュレータをセットアップする

open -a Simulator

Flutterアプリケーションを作成する

flutter create my_app

cd my_app

flutter run

Androidエミュレータをセットアップする

m1 macではエミュレータセットアップでエラーが起きてしまい修正しています…

Visual Studio Codeのセットアップ

https://flutter.dev/docs/get-started/editor?tab=vscode
を参考にFlutter&Dartプラグインをインストールします

以上で完了です