Flutter 学習の旅 (1)

初心者フラッター

Flutter公式サイト中国語開発マニュアル

フラッターウィンドウをインストールする

公式ドキュメント - ウィンドウ

flutter_windows_3.7.9-stable.zip

環境変数を編集する

  • 用户变量列でPath次のエントリを確認します。

  • このエントリが存在する場合は、既存のコンテンツを で;区切って、flutter\binディレクトリへのフル パスを追加します。

  • 存在しない場合は、ユーザー環境変数に新しいPath変数、flutter\bin新しい変数の値であるフルパスを使用します。
    独自の Flutter SDK パス

走るflutter doctor

ここに画像の説明を挿入

フラッターのバージョンを確認する

flutter --version

問題の概要

インストールされている Windows のバージョンが 10 以上であるかどうかを確認できません (インストールされている Windows のバージョンが 10 以上であるかどうかを確認できません)

Dartのインストールに
まだ問題があります

#查看自己的flutter channel版本
flutter channel 

私のフラッターチャンネル

#flutter channel stable#将flutter版本切换为stable
flutter channel master#将flutter版本切换为master

フラッターのバージョンをマスターに切り替える

#确保flutter更新到了最新版本
flutter upgrade

Flutterが最新バージョンに更新されていることを確認する

#再次检查是否解决
flutter doctor 

Windowsバージョンは大丈夫です

まだエラーが発生していますが、このUnable to confirm if installed Windows version is 10 or greater問題は解決されました

Android ツールチェーン - Android デバイス用に開発 X And​​roid SDK が見つかりません。

これはAbdroidSDKのパスマップです

  • デスクトップの [マイ コンピュータ] を右クリックし、[プロパティ] > [システムの詳細設定] > [環境変数] > [ユーザー変数の新規] をクリックしますANDROID_HOME。変数値はAndroid SDK(我这里是D:\Feil\SDK\Android)パスです。
    ここに画像の説明を挿入

設定後はパソコンを再起動してください

flutter doctor

Android ツールチェーン - Android デバイス用に開発 X And​​roid SDK が見つかりません。 大丈夫です

cmdline-tools コンポーネントがありません

ここに画像の説明を挿入

これをダウンロード

flutter doctor
Google\Chrome路径は実行可能ではありません。

追加しても動作しない場合

flutter config --android-sdk /path/to/android/sdk

Chrome - Web 用の開発 (.\Google\Chrome\Application\chrome.exe に Chrome 実行可能ファイルが見つかりません)

Chromeを使用しているため、 ChromeMicroSoft Edgeをインストールする必要があります

Chromeのユーザー変数

flutter doctor

Visual Studio がインストールされていません。これは Windows 開発に必要です。

ビジュアルスタジオ

私がダウンロードしたバージョン

vsStudio によってダウンロードされた詳細な画像 (C++ デスクトップ開発)

flutter doctor

「https://pub.dev/」のチェック中にネットワーク エラーが発生しました: セマフォのタイムアウトが期限切れになりました&&「https://maven.google.com/」のチェック中にネットワーク エラーが発生しました: セマフォのタイムアウトが期限切れになりました

中国のネットワーク環境でFlutterを使用する

私のzipファイル

再インストールするflutter sdk

国内ミラーリングを構成する
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
PUB_HOSTED_URL=https://pub.flutter-io.cn

windows-FLUTTER_STORAGE_BASE_URL配置
windows-PUB_HOSTED_URL配置

バンドルされている Java バージョンが見つかりません。

方法1

参考記事

JDKの全ファイル
Androidインストールディレクトリのjreフォルダ配下

方法 2

または、jbrAndroidStudio path/ 内のファイルを上の図jreのファイルにコピーします。

この方法でもエラーが報告される場合は、 を再インストールしAndroidStudio、上記の 2 つの方法に従って問題を解決してください。

flutter HTTP ホストの可用性チェックに時間がかかっています…[!] HTTP ホストの可用性

参考記事

  1. flutter sdkファイルディレクトリを検索し、順番にflutter/packages/flutter_tools/lib/src/http_host_validator.dartファイルを検索します
  2. https://maven.google.com/変更しますhttps://dl.google.com/dl/android/maven2/
    編集された画像
  3. 開いているプログラムをすべて閉じflutterSDKflutter\binディレクトリ内のプログラムを見つけflutter_tools.snapshot文件完全に削除します
flutter doctor

Android ライセンスのステータスが不明です。

flutter doctor --android-licenses
エラー: JNI エラーが発生しました。インストールを確認して、もう一度試してください。

JavaとJDKのバージョンは異なります。Java パスを表示する

which java #Linux下
where java #Windows下

ウィンドウの下で編集する环境变量

java.lang.UnsupportedClassVersionError: com/android/prefs/AndroidLocationsProvider は、より新しいバージョンの Java ランタイム (クラス ファイル バージョン 55.0) によってコンパイルされています。このバージョンの Java ランタイムは、52.0 までのクラス ファイル バージョンのみを認識します。

JDK ファイルのコピーをAndriod Stduioフォルダーにjre(bin目录同じレベルで)コピーします。

あなたがそのJDK1.8バージョンの場合でも、このエラーが報告されることに注意してください。インストールが成功した写真を使用することはJDK11可能です

取り付け成功の写真

または、ディレクトリは存在しますが、その中にはほとんど何もない場合は、ディレクトリ内のすべてのファイルをディレクトリにjre直接コピーできます。jbrjre

'choco'内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されません。

  1. PowerShell を開く (管理者)
  2. このコマンドを実行する
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

ChocolateyToolsLocation環境変数を変更してインストールディレクトリを選択します

  • システム環境変数の増加ChocolateyInstall

PowerShell を開く (管理者)

#D:\File\SDK\Chocolatey:只是存放目录,可以完全自定义修改
& setx.exe ChocolateyInstall D:\File\SDK\Chocolatey /M
refreshenv

次に、環境変数を確認できます
環境の図 - チョコレートインストール

Dart SDK をインストールする (非推奨)

choco install dart-sdk

dart-sdk の場所 (ChocolateyToolsLocation の変更に関連)

Dart SDK をインストールする (推奨)

Windows用ダーツ

環境変数を追加する

ここに画像の説明を挿入

dart --version

Dart --バージョン グラフ

vscode - ダーツ

Vscode は Dart プラグインをインストールします

vscode は Code Runner プラグインをインストールします

void main(List<String> args) {
    
    
  var num = 42;
  print(num);
}

取り付け成功の写真

インストール成功

AndriodStudio が Flutter を作成する

プラグインをインストールしてアプリケーションを再起動します

プラグインをインストールする
新しいFlutterプロジェクトが登場
FlutterSDK パス

Vscode は Flutter アプリケーションを作成します


プラグイン マーケットに Flutter をインストールする
Flutter のドキュメントを参照して、VS Code を再起動します。
Flutter: Flutter Doctor を実行します
Flutter:新しいプロジェクト
応用
基本的なプロジェクト ファイルの画像
プラットフォーム上での実行を促すプロンプト

実行するコマンド

flutter run

フラッターランプラットフォームの選択

効果
レンダリング

おすすめ

転載: blog.csdn.net/yasinawolaopo/article/details/129932216