Flutter開発環境の構成(win10)

WindowsオペレーティングシステムにFlutter開発環境をインストールして構成します

システム構成要件
  • オペレーティングシステム:Windows 7 SP1以降(x86-64に基づく64ビットオペレーティングシステム)
  • ディスク容量:IDEと一部のツールのインストールに加えて、少なくとも1.64GBの容量が必要です。
  • ツール:開発環境でFlutterを正常に機能させるには、次のツールを使用します
    。WindowsPowerShell 5.0以降(Windows 10にプレインストールされている)
    Git for Windows 2.x、およびWindowsからのコマンドを確認するプロンプトはGitオプションを使用します。

Windows版のGitがインストールされている場合は、コマンドプロンプトまたはPowerShellから直接gitコマンドを実行できることを確認してください。

FlutterSDKを入手する

1.以下のインストールパッケージをクリックして、安定配布チャネル用のFlutter SDKの最新バージョンを入手します
。flutter_windows_2.0.2-stable.zip
他の配布チャネルおよび以前のバージョンを表示するには、SDKバージョンリストページを参照してください。
2.アーカイブを解凍します。次に、flutterFlutter SDKに配置するディレクトリパス全体を解凍します(例:)C:\src\flutter
指定したバージョンのインストールパッケージをインストールしたくない場合
など、高い権限が必要なフォルダーにフラッターをインストールしないでくださいC:\Program Files\
手順1と2は無視してかまいません。GitHubのFlutterリポジトリからソースコード取得し、必要に応じて指定されたブランチまたはタグに切り替えます。例えば:

C:\src>git clone https://github.com/flutter/flutter.git -b stable

これで、コンソールでFlutterコマンドを使用できます

パス環境変数

システム変数の新機能:

PUB_HOSTED_URL : https://pub.flutter-io.cn

新着:

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn 

ここに画像の説明を挿入します
PATH変数に追加:flutter/binパスに
ここに画像の説明を挿入します

フラッタードクターを実行する

CMDで実行flutter doctor
ここに画像の説明を挿入します

あなたは、ディスプレイの内容を見ることができる上に示しましたAndroid Studio未安装; 找不到Android SDK; 找不到chrome;

AndroidStudioをインストールします

1. Android StudioAndroidStudio国内ミラーをダウンロードしてインストール
します。2。AndroidStudioを実行し、「Android Studio Setup Wizard」に入ります。これにより、最新のAndroid SDK、Android SDK Platform-Tools、Android SDKBuild-Toolsがインストールされます。 AndroidFlutterアプリケーションを開発するときに必要なものすべて

Androidデバイスを構成する

AndroidデバイスでFlutterアプリケーションを実行またはテストする前に、Android 4.1(APIバージョン16)以降を実行しているデバイスが必要です
。1。デバイスで開発者向けオプションとUSBデバッグオプションを開きます。詳細についてはAndroidのドキュメント確認してください。メソッドの紹介。
2. Windowsプラットフォームで使用する場合は、Google USBドライバーをインストールする必要があります
。3。USBインターフェイスを介して電話とコンピューターを接続します。デバイスに認証ポップアップウィンドウが表示された場合は、認証を許可します。コンピューターが開発デバイスにアクセスできること。
4.コマンドラインで、flutter devicesコマンドを使用してFlutterデバイスを確認し、接続されたAndroidを認識できるようにします。
デフォルトでは、FlutterはadbAndroid SDKの現在のバージョンを使用しますが、ツールによって異なります。別のFlutter Android SDKを使用する場合は、ANDROID_HOMEこの目的の環境変数を実現するように設定できます。

Androidエミュレーターを構成する

以下の手順に従って、AndroidエミュレーターでFlutterアプリケーションを実行またはテストします
。1。マシンでVMアクセラレーションオプションをアクティブ化します
2. Android Studioを開き、[AVDマネージャー]ボタンをクリックして、[仮想デバイスの作成...]を選択します。

  • 一部の古いAndroidStudioバージョンでは、[Android Studio]> [ツール]> [Android]> [AVDマネージャー]に移動し、[仮想デバイスの作成]オプションを選択する必要があります。(AndroidサブオプションはAndroidプロジェクトでのみ表示されます。)
  • プロジェクトをまだ開いていない場合は、[構成]> [AVDマネージャー]を選択してから、[仮想デバイスの作成]オプションを選択できます。3
    。対応するデバイスを選択し、[次へ]オプションを選択します。
    4.シミュレートするAndroidバージョンの1つ以上のシステムイメージを選択し、[次へ]オプションを選択します。x86またはx86_64ミラーリングを選択することをお勧めします。
    5. [エミュレートされたパフォーマンスのハードウェア-GLES 2.0]オプションを選択して、ハードウェアアクセラレーションをオンにします
    6. AVDオプションが正しく構成されていることを確認し、[完了]オプションを選択します。
    上記の手順の詳細については、AVD管理ページを確認してください。
    7. Android仮想デバイスマネージャーで、ツールバーの[実行]オプションをクリックすると、エミュレーターが起動し、選択したシステムバージョンとデバイスに対応するインターフェイスが表示されます。
Webプラットフォームの設定

Flutterは、stableWebアプリケーションを構築するためチャネルサポートになりました。Flutter 2アプリケーションを使用すると、サポートWebチャネルが自動的に構築されます。既存のWebアプリケーションサポートに追加する必要がある場合は、Flutter構築Webアプリケーションを使用してドキュメントをお読みください。

VSCodeをインストールする

VS Codeは、Flutterを実行およびデバッグできる軽量のエディターです。

  • VS Code、最新の安定バージョン
FlutterおよびDartプラグインをインストールします

1.VSコードを
開きます。2。[表示]> [コマンドパネル.​​..]を開きます。3。
「インストール」と入力し、[拡張機能]を選択します。拡張機能をインストールします。
4.拡張検索入力ボックスに「flutter」と入力し、リストで[Flutter]を選択して、[Install]をクリックします。このプロセス中に、必要なDartプラグインが自動的にインストールされます
。5。[リロード]をクリックしてVSCodeを再起動します

FlutterDoctorコマンドを使用してインストールが成功したことを確認します

1. [表示]> [コマンドパネル.​​..]を開きます
。2。「doctor」と入力してFlutterを選択します。FlutterDoctorを実行します。3。OUTPUT
パネルを開いてエラーがあるかどうかを確認し、さまざまな出力のドロップダウンリストを選択します。オプション(出力オプション)フラッター

Emacsエディターをインストールする

Emacsは、Flutter and Dartの
最新バージョンのEmacsエディターをサポートする軽量エディターです
。lsp-dartパッケージのインストールlsp-dartパッケージの
インストール方法と使用方法については、lsp-dartドキュメントを確認してください。

おすすめ

転載: blog.csdn.net/weixin_45576146/article/details/114996982