Flutterをインストール

VSCodeへFlutter 拡張をインストール

https://gyazo.com/9e2dc89d0b0b769a81635505fa8ed7bb

Command + Shift + P でコマンドパレットを開き、flutter と入力

Flutter: New Project を選択

Flutter SDKのダウンロードを実施

/Users/thata/src へ Clone Flutter する

Flutter SDKをダウンロード

zipファイルを ~/development へ展開してパスを通す

code:.zshrc

export PATH=/Users/thata/development/flutter/bin:$PATH

flutter doctor を実行。XcodeとAndroid toolchain が足りてなさげ。

code:sh

$ flutter doctor

Doctor summary (to see all details, run flutter doctor -v):

✓ Flutter (Channel stable, 3.0.4, on macOS 11.6.6 20G624 darwin-x64, locale ja-JP)

✗ Android toolchain - develop for Android devices

✗ ANDROID_HOME = /usr/local/opt/android-sdk

but Android SDK not found at this location.

! Xcode - develop for iOS and macOS (Xcode 13.2.1)

✗ CocoaPods not installed.

CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the

Dart side.

Without CocoaPods, plugins will not work on iOS or macOS.

✓ Chrome - develop for the web

! Android Studio (not installed)

✓ VS Code (version 1.69.1)

✓ Connected device (2 available)

✓ HTTP Host Availability

! Doctor found issues in 3 categories.

ひとまず Web だけ動けば良いので以下のセットアップはまた後日。

iOS setup

Android setup

macOS setup