MacでのFlutter環境構築手順

Flutter公式サイト:https://flutterchina.club/setup-macos/

https://flutter.cn/docs/get-started/install/macos

  1. ディレクトリ「development」を作成する

  2. ターミナルを開く

cd ~/development
  1. Flutterをクローンする
git clone https://github.com/flutter/flutter.git
  1. 中国からFlutterにアクセスする際の制限がある場合、公式が提供するミラーサイトを使用
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. パス設定を行う。Flutterディレクトリ内のbinフォルダをPATHに追加する。以下のコマンドは現在の端末セッションのみ有効であり、永続的な設定が必要な場合は後述の8.節を参照
export FLUTTER=/Users/huangzengsong/development/flutter/bin
export PATH=$PATH:$FLUTTER
export PATH="/usr/local/opt/libxml2/bin:$PATH"
  1. 端末を再読み込みする
source .bash_profile
  1. 正しく設定されたか確認するために以下のコマンドを実行
flutter doctor

上記コマンド実行後、SDKのダウンロード画面が表示される

設定完了後、以下の画面が表示される

  1. 永続的な環境変数の設定
open ~/.bash_profile

以下の内容を追加する(export PATH= の後のパスは、5.節で設定した内容と一致させる)

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/huangzengsong/development/flutter/bin:$PATH

端末を再読み込みする

source ~/.bash_profile

以下のコマンドでFlutterのbinディレクトリがPATHに含まれていることを確認

echo $PATH

IDEとしてIntelliJ IDEAまたはVisual Studio Codeをインストール(無料版も可)

Android Studioをインストール(無料版)

https://developer.android.google.cn/studio/

Android JDKのインストール

ダウンロードリンク:https://www.oracle.com/java/technologies/downloads/#java11 Android SDKのインストール

必要なSDKツールやプラットフォームを確認し、不足しているものをインストールする。Android SDK Managerから必要なコンポーネントを追加する手順は以下の通り:

1. Android Studioを起動し、File > Settingsを選択
2. Appearance & Behavior > System Settings > Android SDKを選択
3. SDK PlatformsとSDK Toolsタブを確認し、不足しているものをインストール

Android StudioにFlutterプラグインとDartプラグインをインストール(通常、Flutterプラグインのインストール時にDartプラグインも自動で導入される)

Android StudioのCommand-line ToolsおよびAndroid SDK Platform-Toolsをインストール

FlutterとDartのパスを設定(通常、Flutterのパス設定によりDartのパスも自動的に設定されるため、確認すること)

タグ: Flutter macOS AndroidStudio Java JDK

7月22日 17:52 投稿