Flutter環境構築ガイド

記事ディレクトリ

Flutter環境構築ガイド

フラッターの概要

Flutter は、Google が開発したオープンソースのモバイルアプリケーション開発フレームワークで、クロスプラットフォーム、高忠実度、高パフォーマンスを特徴としています。開発者は Dart 言語を通じてアプリを開発でき、一連のコードは iOS と Android の両方のプラットフォームで実行できます。Flutter は豊富なコンポーネントとインターフェイスを提供しており、開発者はネイティブ (つまり、ネイティブ開発。プラットフォームのネイティブ言語に基づいてアプリケーションを開発することを指します。フラッターはプラットフォームのネイティブ言語と混合できます) 拡張機能を Flutter にすぐに追加できます。

Windows上にFlutter開発環境を構築する

システム要求

Flutter をインストールして実行するには、開発環境が次の最小要件を満たしている必要があります。

OS：Windows 7以降（64ビット）
ディスク容量: 400 MB (Android Studio を含まないディスク容量)。
ツール: Flutter は次のコマンドラインツールに依存します ( PATH 環境変数に追加する必要があります)。
- PowerShell 5.0 (新しいウィンドウが開きます)以降
- Git for Windows (新しいウィンドウが開きます) (Git コマンドラインツール);
Git for Windows がインストールされている場合は、コマンドプロンプトまたは PowerShell で git コマンドを実行できることを確認してください。

Flutter SDK を入手する

Flutter 公式 Web サイトにアクセスして、利用可能な最新のインストールパッケージ、ダウンロードアドレスをダウンロードします。
インストールパッケージ zip を、Flutter SDK をインストールするパスに解凍します (例: ;D:\注、高い権限を必要とするパスには Flutter をインストールしないでくださいC:\Program Files\)。
Flutter インストールディレクトリのflutterファイルの下でそれを見つけてflutter_console.bat、ダブルクリックして実行し、flutter コマンドラインを開始します。次に、Flutter コマンドラインで Flutter コマンドを実行できます。

環境変数を更新します。

Windows システム独自のコマンドラインで Flutter コマンドを実行する場合は、次の環境変数をユーザー PATH に追加する必要があります。
- スタートメニューの検索機能に「env」と入力し、「システム環境変数の編集」を選択します
- 「ユーザー変数」の下に「パス」という名前のエントリがあるかどうかを確認します。
  - エントリが存在する場合はflutter\bin、D:\flutter\bin; を区切り文字として使用して、(mine is ) の完全なパスを追加します。
  - エントリが存在しない場合は、新しいユーザー変数 Path を作成し、その値としてのフルパスflutter\binを使用します。
この変更を適用するには、Windows を再起動します。
フラッタードクターコマンドを実行する

Flutter コマンドラインで次のコマンドを実行して、他の依存関係をインストールする必要があるかどうかを確認し、必要な場合はインストールします。
```
flutter doctor
```
このコマンドは環境をチェックし、コマンドウィンドウにレポートを表示します。Dart SDK は Flutter SDK にすでにパッケージされているため、Dart を個別にインストールする必要はありません。コマンドラインの出力を注意深く調べて、追加のソフトウェアをインストールしたり、追加のタスクを実行したりする必要がある可能性があります。

例えば：
```
[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.
```
初めて Flutter コマンド ( などflutter doctor) を実行すると、それ自体の依存関係がダウンロードされ、自動的にコンパイルされます。後で実行するとはるかに速くなります。不足している依存関係をインストールする必要があります。インストールが完了したら、flutter doctorコマンドを実行してインストールが成功したかどうかを確認します。

遭遇した問題と解決策

上記の手順に従ってコマンドを開いflutter_console.batてflutter doctorと、強制的にフラッシュバックが発生します。cmd で実行する場合も同様です。インターネット上の解決策を参照すると、次のようになります。C:\Windows\SysWOW64\WindowsPowerShell\v1.0

ユーザー変数の PATH には追加されず、変更して再起動してもクラッシュします。

解決：

Windows PowerShell は、Windows オペレーティングシステム用に Microsoft が開発したコマンドラインシェルおよびスクリプト言語です。これは、従来の Windows コマンドプロンプト (cmd.exe) の代替として設計されており、システム管理者とパワーユーザーに一連の高度な機能を提供します。

PowerShell は、C# プログラミング言語の構文に基づいたコマンドラインインターフェイス (CLI) を使用します。ファイルやフォルダーの管理、ネットワーク設定の構成、Windows レジストリとの対話など、さまざまなシステム管理タスクへのアクセスを提供します。

PowerShell の重要な機能の 1 つは、スクリプトを使用して複雑なタスクを自動化できることです。PowerShell スクリプトは基本的に、特定のタスクを実行するために一緒に実行できる一連のコマンドを含むテキストファイルです。これによりシステム管理者の時間が節約され、生産性が向上します。システム管理者はスクリプトを使用して反復的なタスクを自動化し、エラーのリスクを軽減できます。

PowerShell は、必要に応じてシェルにロードできる関連コマンドのコレクションであるモジュールの使用もサポートしています。これにより、ユーザーは PowerShell の機能を拡張し、特定のタスク用の新しいコマンドを追加できるようになります。

エラーメッセージを提供するためにこれを使用することを検討し、Windows Powershell を開いて Flutter Doctor と入力すると、次のエラーメッセージが表示されます。

ここに画像の説明を挿入

環境変数を再構成し、追加しますD:\Download\Git\bin;D:\Download\Git\cmd;C:\Windows\System32;

まだエラーが発生します。

何度も試みた結果、最終的に解決策を見つけました。元の Flutter フォルダーを削除し、次のコマンドを使用してマスタービルドチャネルから Flutter SDK を直接チェックアウトします。

git clone -b master https://mirrors.tuna.tsinghua.edu.cn/git/flutter-sdk.git
./flutter-sdk/bin/flutter --version

注: Flutter SDK をダウンロードするフォルダーで、マウスの右ボタンをクリックしてここで Git Bush を使用し、上記の Git コマンドを実行します。

ここに画像の説明を挿入

そして、新しいものを環境変数のパスにD:\flutter\flutter-sdk\bin追加します。

Windows Powershell で再実行するとflutter doctor、エラーはなくなりました。

ここに画像の説明を挿入

flutter_console.bat実行中にフラッシュバックするflutter doctorこと、通常は、インストールが必要な他のソフトウェアや、実行する必要がある追加のタスクを取得できます。

ここに画像の説明を挿入

以降の Android 設定を続行できます。

アンドロイドの設定

Flutter は Android Studio の完全インストールに依存します。Android Studio は、Android プラットフォームの依存関係や SDK バージョンなどを管理できるだけでなく、Flutter 開発に推奨される IDE の 1 つでもあります。

JDKをダウンロードしてインストールします

JDK (Java Development Kit) は、ソフトウェア開発者向けの Java 開発キットです。
- 独立したプログラムのコレクション
- Java ツールおよび Java 実行環境 (JRE、Java 実行環境 Java) を含む
- Java プログラムの開発とテスト用

ここに画像の説明を挿入

JDK のダウンロード:ダウンロードリンク

Windows x64 圧縮アーカイブ: 圧縮バージョン。自分で設定する必要があります

Windows x64 インストーラー: インストールバージョン、インストール中の自己構成
JDK のインストール: ダウンロードしたファイルをダブルクリックしてインストールを開始します。
インストールが成功したかどうかを確認します。

Android Studioをダウンロードしてインストールします

ダウンロードリンク

Android Studioを起動し、「Android Studioセットアップウィザード」を実行します。これにより、Flutter を使用した Android 開発に必要な最新の Android SDK、Android SDK Platform-Tools、および Android SDK Build-Tools がインストールされます。

ここに画像の説明を挿入

インストールが完了しました。

C ドライブの .android ファイルが大きくなりすぎて C ドライブが人気になるのを防ぐために、ANDROID_EMULATOR_HOME環境。

ここに画像の説明を挿入