Flutter(準備)+Mac+fish - にっちとだじゃれ

使うまでにやったことメモ。


# Flutter
1. download
https://flutter.dev/docs/get-started/install/macos

2.
mfham@mac ~> mkdir work/flutter_dev
mfham@mac ~> cd work/flutter_dev/

3.
# バージョン上がってもすぐに対応できるかと思ってgitのほうにした
mfham@mac ~/w/flutter_dev> git clone https://github.com/flutter/flutter.git -b stable

4.
mfham@mac ~/.c/fish> echo $PATH
/Users/mfham/.phpbrew/php/php-7.4.5/bin /Users/mfham/.rbenv/shims /Users/mfham/.embulk/bin /usr/local/bin /usr/bin /bin /usr/sbin /sbin

mfham@mac ~/w/flutter_dev> set -U fish_user_paths ~/work/flutter_dev/flutter/bin $fish_user_paths

mfham@mac ~/w/flutter_dev> echo $PATH
/Users/mfham/work/flutter_dev/flutter/bin /Users/mfham/.embulk/bin /Users/mfham/.phpbrew/php/php-7.4.5/bin /Users/mfham/.rbenv/shims /usr/local/bin /usr/bin /bin /usr/sbin /sbin

5.
mfham@mac ~/w/flutter_dev> which flutter
/Users/mfham/work/flutter_dev/flutter/bin/flutter

# iOS
6.
Xcodeはインストール済み

7.
mfham@mac ~/w/flutter_dev> sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
Password:
mfham@mac ~/w/flutter_dev> sudo xcodebuild -runFirstLaunch
Install Started
1%.........20.........40.........60.........80.........Install Succeeded

8.
mfham@mac ~/w/flutter_dev> sudo xcodebuild -license

By typing 'agree' you are agreeing to the terms of the software license agreements. Type 'print' to print them or anything else to cancel, [agree, print, cancel] agree

You can view the license agreements in Xcode's About Box, or at /Applications/Xcode.app/Contents/Resources/English.lproj/License.rtf

mfham@mac ~/w/flutter_dev>

9.
起動確認
mfham@mac ~/w/flutter_dev> open -a Simulator

10.
mfham@mac ~/w/flutter_dev> rbenv versions
  system
  2.3.1
  2.5.3
  2.6.5
* 2.7.0 (set by /Users/mfham/work/flutter_dev/.ruby-version)
  jruby-9.1.15.0
mfham@mac ~/w/flutter_dev> sudo gem install cocoapods
mfham@mac ~/w/flutter_dev> pod setup
Setup completed

# Android
11.
https://developer.android.com/studio
Version3.6.3

12.
起動
Install Type：Standard
Select UI Theme：Darcula
・HAXMインストールの許可のとき拡張機能がブロックされたので、「システム環境設定->セキュリティとプライバシー」で許可した

3.6以降は古いバージョンのAndroid SDK Toolsを手動で追加する必要があるとマニュアルに書かれてあるのでその通り対応する。
Preferences->Appearance&Behavior->System Settings->Android SDK
SDK Toolsタブをクリック、Hide Obsolete Packagesのチェックを外す。
するとチェックできる項目が増え、Android SDK Tools (Obsolete)にチェックを入れる（もともと入ってた）。
OKをクリック。
カラーがDarculaじゃなくなったぞ・・・？
=> Editor->Color SchemeでDarculaに変更。Defaultになってた。

13.
Set up the Android emulator
https://developer.android.com/studio/run/emulator-acceleration#vm-mac
->OK

# Set up an editor
14.
Visual Studio Codeを使う
https://flutter.dev/docs/get-started/editor?tab=vscode
手順通り。

15.
ここまででdoctor確認。
mfham@mac ~/w/flutter_dev> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.9, on Mac OS X 10.14.6 18G4032, locale ja-JP)

[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[!] Android Studio (version 3.6)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
[✓] VS Code (version 1.41.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 3 categories.

16.
Android licenses not accepted
↓
mfham@mac ~/w/flutter_dev> flutter doctor --android-licenses
acceptする

Flutter plugin not installed;
Dart plugin not installed;
↓
https://flutter.dev/docs/get-started/editor?tab=androidstudio
Flutterプラグインをインストールする（Dartもついでにインストールされる）
その後のdoctorの結果
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.9, on Mac OS X 10.14.6 18G4032, locale ja-JP)
 
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[✓] Android Studio (version 3.6)
[✓] VS Code (version 1.41.1)
[✓] Connected device (1 available)

• No issues found!



17.
https://flutter.dev/docs/get-started/test-drive?tab=vscode
動いた

Create Android emulatorで次のエラーが出る

No suitable Android AVD system images are available. You may need to install these using sdkmanager, for example: sdkmanager "system-images;android-27;google_apis_playstore;x86"

↓

16でAndroid StudioでFlutterプラグインをインストールしたあと、
Android Studio起動後にStart a new Flutter projectを選択してプロジェクトを作成する。
https://flutter.dev/docs/get-started/test-drive?tab=androidstudio
ナビゲーションバーのTools->AVD Manager->Create Virtual Device
Pixel 2 (適当)-> RecommendedにあるR (適当)のDownloadをクリック
(Flutterプラグインをインストールしていないと表示されなかったので混乱した）
↓
Visual Studio CodeでFlutterプロジェクトを開くと、右下からPixel2を選択できるようになった。
↓
このエラーが出た。
次のSOFにあるように、Android StudioからAVD Managerを開いて一度Stopさせて、その後Visual Studio Codeから再度Pixel2を選択するとうまくいった
https://stackoverflow.com/questions/55677874/failed-to-launch-emulator-error-emulator-didnt-connected-within-60-seconds