0
0

More than 1 year has passed since last update.

【Flutter】環境構築メモ

Posted at

はじめに

端末をリセットしたり、新調するたびに調べ直すのが 面倒臭い 手間なため、環境構築の備忘録として残します。
(調べればたくさん出てきますが、一旦自分のメモとして残したかったので書きました...)
MacOS前提で書きます。

前提条件

以下がインストールされていること(2022/03/27 時点)

環境構築手順

Java, SwiftLint導入 

※Java, swiftlintを別の方法でインストールする場合は不要

$ /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]を選択
  • FlutterDartをインストール(インストール後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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0