はじめに
端末をリセットしたり、新調するたびに調べ直すのが 面倒臭い 手間なため、環境構築の備忘録として残します。
(調べればたくさん出てきますが、一旦自分のメモとして残したかったので書きました...)
MacOS前提で書きます。
前提条件
以下がインストールされていること(2022/03/27 時点)
環境構築手順
Java, SwiftLint導入
※Java, swiftlintを別の方法でインストールする場合は不要
-
Homebrew をインストール
$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- homebrew-cask-versionsの導入
$ brew tap homebrew/cask-versions
- java をインストール
$ brew cask install java
- SwiftLintをインストール
$ brew install swiftlint
Flutter導入
-
Flutterインストール(DLリンク)
-
ターミナルを起動し、以下コマンド実行(例)
$ mkdir development
$ cd ~/development
$ unzip ~/Downloads/flutter_OS名_vX.X.X-XXXXX.zip #ダウンロードしたファイルが展開されている場合は mv ~/Downloads/flutter .
- bash_profileに以下を追加
$ vi ~/.bash_profile
export PATH="$PATH:~/development/flutter/bin"
- 以下コマンド実行してFlutter バージョン確認する(ダウンロードしたバージョンと同じか確認する)
$ source ~/.bash_profile
$ flutter --version
Flutter X.X.X • channel stable • https://github.com/flutter/flutter.git
Framework • revision xxxxxxxxxx (x weeks ago) • 20XX-XX-XX XX:XX:XX -XXXX
Engine • revision xxxxxxxxxx
Tools • Dart X.XX.X • DevTools X.X.X
- 以下コマンド実行してFlutter環境を整える
$ flutter doctor --android-licenses
$ flutter doctor #※1
[✓] Flutter (Channel stable, X.XX.X, on macOS XX.X XXXXX darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version XX.X.X)
[✓] Xcode - develop for iOS and macOS (Xcode XX.X)
[✓] Android Studio (version X.X)
[✓] Connected device (X available)
[✓] HTTP Host Availability
#※1 全てがOKになるまで結果内容を元にインストール (flutter, dart plugin 設定, pod setupなど)
動作確認
- ワーキングディレクトリに移動してから、以下コマンド実行してアプリを作成する
$ flutter create <アプリ名>
- 作成したアプリのディレクトリに移動し、実行する
$ cd my_app
$ flutter run
Android Studioでの動作確認
- Android Studio起動後、[Config]>[Plugins]を選択
-
Flutter
とDart
をインストール(インストール後AndroidStudioを再起動) - 作成したアプリを開く(
<アプリ名>
のファイルを開くイメージ) - 警告が出るのでget dependenciesを行う
- Edit Configurationsを開く
- Additional arguments に [--no-track-widget-creation --debug --flavor develop] を設定
- エミュレータを選択して実行/デバッグで実行
※[Android Studio] - [preferences] よりFlutter SDK pathが消えてしまっている場合は設定する
参考文献
macOS install - Flutter
https://docs.flutter.dev/get-started/install/macos