フラッター-インストール

この章では、ローカルコンピューターへのFlutterのインストールについて詳しく説明します。

Windowsでのインストール

このセクションでは、FlutterSDKをWindowsシステムにインストールする方法とその要件を見てみましょう。

Step 1 − URLに移動し、https://flutter.dev/docs/get-started/install/windows最新のFlutterSDKをダウンロードします。2019年4月現在、バージョンは1.2.1で、ファイルはflutter_windows_v1.2.1-stable.zipです。

Step 2 − zipアーカイブをフォルダー（C：\ flutter \など）に解凍します。

Step 3 −システムパスを更新して、フラッタービンディレクトリを含めます。

Step 4 − Flutterは、フラッター開発のすべての要件が満たされていることを確認するためのツール、フラッタードクターを提供します。

flutter doctor

Step 5 −上記のコマンドを実行すると、システムが分析され、以下に示すようにレポートが表示されます。

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version
10.0.17134.706], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.

レポートには、すべての開発ツールが利用可能であるが、デバイスが接続されていないことが記載されています。これは、AndroidデバイスをUSB経由で接続するか、Androidエミュレーターを起動することで修正できます。

Step 6 − Flutter Doctorから報告された場合は、最新のAndroidSDKをインストールします

Step 7 −フラッタードクターから報告された場合は、最新のAndroidStudioをインストールします

Step 8 − Androidエミュレーターを起動するか、実際のAndroidデバイスをシステムに接続します。

Step 9− AndroidStudio用のFlutterandDartプラグインをインストールします。新しいFlutterアプリケーションを作成するためのスタートアップテンプレート、AndroidStudio自体でFlutterアプリケーションを実行およびデバッグするためのオプションなどを提供します。

AndroidStudioを開きます。
「ファイル」→「設定」→「プラグイン」をクリックします。
Flutterプラグインを選択し、[インストール]をクリックします。
Dartプラグインをインストールするように求められたら、[はい]をクリックします。
AndroidStudioを再起動します。

MacOSでのインストール

MacOSにFlutterをインストールするには、次の手順に従う必要があります-

Step 1 − URLに移動し、https://flutter.dev/docs/get-started/install/macos最新のFlutterSDKをダウンロードします。2019年4月の時点で、バージョンは1.2.1で、ファイルはflutter_macos_v1.2.1-stable.zipです。

Step 2 −zipアーカイブを/ path / to / flutterなどのフォルダーに解凍します

Step 3 −システムパスを更新して、フラッタービンディレクトリ（〜/ .bashrcファイル内）を含めます。

> export PATH = "$PATH:/path/to/flutter/bin"

Step 4 −以下のコマンドを使用して、現在のセッションで更新されたパスを有効にしてから、それも確認します。

source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

Flutterは、フラッター開発のすべての要件が満たされていることを確認するためのツール、フラッタードクターを提供します。これは、Windowsの対応物に似ています。

Step 5 −フラッタードクターから報告された場合は、最新のXCodeをインストールします

Step 6 − Flutter Doctorから報告された場合は、最新のAndroidSDKをインストールします

Step 7 −フラッタードクターから報告された場合は、最新のAndroidStudioをインストールします

Step 8 − Androidエミュレーターを起動するか、実際のAndroidデバイスをシステムに接続してAndroidアプリケーションを開発します。

Step 9 − iOSシミュレーターを開くか、実際のiPhoneデバイスをシステムに接続してiOSアプリケーションを開発します。

Step 10− AndroidStudio用のFlutterandDartプラグインをインストールします。新しいFlutterアプリケーションを作成するためのスタートアップテンプレート、AndroidStudio自体でFlutterアプリケーションを実行およびデバッグするためのオプションなどを提供します。

AndroidStudioを開く
クリック Preferences → Plugins
Flutterプラグインを選択し、[インストール]をクリックします
Dartプラグインをインストールするように求められたら、[はい]をクリックします。
AndroidStudioを再起動します。