Flutterの開発環境を整える

FromAtom 2021/01/22

基本的には公式ドキュメントに従えば良さそう。

FromAtom 2021/01/22

公式ドキュメントを読むと development というディレクトリにダウンロードしたものを展開する様子。

cd ~/development
unzip ~/Downloads/flutter_macos_1.22.5-stable.zip

developmentというのは何でも良さそう。

解凍した後は ~/development/flutter/binにパスを通す。公式ドキュメントだと

export PATH="$PATH:`pwd`/flutter/bin"

となってる。自分は

export PATH=$HOME/development/flutter/bin:$PATH

とした。

FromAtom 2021/01/23

JDKが必要

から、macOS Installerを落として導入した。

FromAtom 2021/01/23に更新

XcodeとAndroid Studioも必要。Xcodeはもとから入ってる。Android Studioは

https://developer.android.com/studio

からダウンロードしてインストール。とりあえず1度起動して初期設定を済ませた。

FromAtom 2021/01/23

VSCodeでコードを書こうと思うので、Flutter Extensionを入れる

FromAtom 2021/01/23

flutter doctor

をする。必要なものが入ったりチェックしたりしてくれる。

最終的に

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 1.22.5, on Mac OS X 10.15.7 19H114 darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 12.1)
[!] Android Studio (version 4.1)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code (version 1.52.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

と表示された。Android Studioでコードは書かない予定なのでこのWarningは無視して良さそう。

FromAtom 2021/01/23

とりあえず、iOS Simulatorで動かしてみる。

flutter create my_app
cd my_app
open -a Simulator # => iOSのシミュレーターを起動
flutter run

これで動いた

このスクラップは2021/01/23にクローズされました