Flutter-installation

提供:Dev Guides
移動先:案内検索

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

この章では、ローカルコンピューターにFlutterを詳細にインストールする方法を説明します。

Windowsでのインストール

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

  • ステップ1 *-URL [[1]] SDKをダウンロードします。 2019年4月現在、バージョンは1.2.1で、ファイルはflutter_windows_v1.2.1-stable.zipです。
  • ステップ2 *-C:\ flutter \などのフォルダーでzipアーカイブを解凍します
  • ステップ3 *-システムパスを更新して、flutter binディレクトリを含めます。
  • ステップ4 *-Flutterは、フラッター開発のすべての要件が満たされていることを確認するツールであるflutter doctorを提供します。
flutter doctor
  • ステップ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.

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

  • ステップ6 *-flutter doctorから報告された場合、最新のAndroid SDKをインストールする
  • ステップ7 *-flutter doctorから報告された場合、最新のAndroid Studioをインストールします
  • ステップ8 *-Androidエミュレーターを起動するか、実際のAndroidデバイスをシステムに接続します。
  • ステップ9 *-Android Studio用のFlutterおよびDartプラグインをインストールします。 新しいFlutterアプリケーションを作成するためのスタートアップテンプレート、Androidスタジオ自体でFlutterアプリケーションを実行およびデバッグするオプションなどを提供します。
  • Android Studioを開きます。
  • [ファイル]→[設定]→[プラグイン]をクリックします。
  • Flutterプラグインを選択し、[インストール]をクリックします。
  • Dartプラグインをインストールするように求められたら、[はい]をクリックします。
  • Androidスタジオを再起動します。

MacOSでのインストール

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

  • ステップ1 *-URL [[2]] SDKをダウンロードします。 2019年4月現在、バージョンは1.2.1で、ファイルはflutter_macos_v1.2.1- stable.zipです。
  • ステップ2 *-フォルダー内のzipアーカイブを解凍します。たとえば、/path/to/flutter
  • ステップ3 *-システムパスを更新して、flutter binディレクトリ(〜/.bashrcファイル内)を含めます。
> export PATH = "$PATH:/path/to/flutter/bin"
  • ステップ4 *-以下のコマンドを使用して、現在のセッションで更新されたパスを有効にし、それも確認します。
source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

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

  • ステップ5 *-flutter doctorから報告された場合、最新のXCodeをインストールします
  • ステップ6 *-flutter doctorから報告された場合、最新のAndroid SDKをインストールします
  • ステップ7 *-flutter doctorから報告された場合、最新のAndroid Studioをインストールします
  • ステップ8 *-Androidエミュレーターを起動するか、実際のAndroidデバイスをシステムに接続して、Androidアプリケーションを開発します。
  • ステップ9 *-iOSシミュレーターを開くか、実際のiPhoneデバイスをシステムに接続してiOSアプリケーションを開発します。
  • ステップ10 *-Android Studio用のFlutterおよびDartプラグインをインストールします。 新しいFlutterアプリケーションを作成するためのスタートアップテンプレート、Androidスタジオ自体でFlutterアプリケーションを実行およびデバッグするオプションなどを提供します。
  • Android Studioを開きます
  • [設定]→[プラグイン]をクリックします*
  • Flutterプラグインを選択し、[インストール]をクリックします
  • Dartプラグインをインストールするように求められたら、[はい]をクリックします。
  • Androidスタジオを再起動します。