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.アーカイブを解凍します。次に、flutter
Flutter 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 Studio、AndroidStudio国内ミラーをダウンロードしてインストール
します。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はadb
Android 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は、stable
Webアプリケーションを構築するためのチャネルサポートになりました。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ドキュメントを確認してください。