この記事では、MacでFlutterの環境構築を行います。
以下を前提とします。
目次
Flutter SDK
まずFlutter本体をインストールします。
- ターミナルでコマンドを実行
brew install --cask flutter
- 最新版にアップグレード
flutter upgrade --force
Visual Studio Code
コードエディタとして、Visual Studio Codeをインストールします。
- ターミナルでコマンドを実行
brew install --cask visual-studio-code
- 拡張機能から「Flutter」をインストール
![](https://hdkworks.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-08-14.37.41.png)
Android Studio
Androidアプリをビルドするために、Android Studioをインストールします。
- ターミナルでコマンドを実行
brew install --cask android-studio
- インストールしたアプリを起動
初期セットアップが始まりますが、すべてデフォルトにします。
- Android SDK Command-line Toolsを入手
アプリの「Setting」から「System Settings>Android SDK>SDK Tools>Android SDK Command-line Tools (latest)」を探してインストールします。
![](https://hdkworks.com/wp-content/uploads/2023/05/image-1-1024x626.png)
- ターミナルに戻り、コマンドを実行
ライセンスの同意を求められます。
flutter doctor --android-licenses
XCode
iOSアプリをビルドするために、XCodeをインストールします。
- XCodeを入手
Homebrewが対応していないので、AppStoreから「XCode」をインストールします。
![](https://hdkworks.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-12-10.14.09-1024x754.png)
- インストールしたアプリを起動
初期セットアップが始まりますが、すべてデフォルトにします。
- ターミナルで、コマンドを実行
brew install cocoapods
動作確認
ここまで出来たら、ただしく環境構築できたか確認します。
- ターミナルで、コマンドを実行
flutter doctor
- 実行結果を確認
エラーが出なければ、環境構築は完了です。
お疲れ様でした。
![](https://hdkworks.com/wp-content/uploads/2023/05/スクリーンショット-2023-05-12-10.17.34-1024x272.png)