インストールフラッター+ AndroidのSDK +フラッタープロジェクトを実行しているコード対

はじめに:フラッターアプリの開発が基づいているDart言語の開発に基づいて、HTMLのWeb開発のようにJavaScript同じ、とブラウザカーネルをコンパイルすることができJavaScriptたコードを、すべてのHTMLページがどのようなSDKの開発をダウンロードする必要はありません、あなたはブラウザ内で直接実行することができます。まず、インストールDartフラッターアプリの開発を実行するために簡単に、言語のSDKを

次のステップ:

  1. インストールダート
  2. JDKのJavaのインストール(環境変数を設定する必要があります)
  3. ダウンロードフラッターSDK(環境変数を設定する必要があります)
  4. アンドロイドStudioをインストール(AndroidのSDKをダウンロードするには、公定法)
  5. フラッターを作成し、実行するための最初のプロジェクト

1.Dartインストール:ダウンロード:https://gekorm.com/dart-windows/は
ここに画像を挿入説明
、ダウンロードしたexeファイルのファイルを見つけてインストールをダブルクリックします:
ここに画像を挿入説明
待機、それはSDKをダウンロードするために:
ここに画像を挿入説明
インストールの完了後にクリックしてnext→Finish
、この時点でダートは、インストールが完了しました

ダートをインストールするには、Macコンピュータ:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew tap dart-lang/dart
brew install dart

インストールが成功ダートであるか否かを検出する
コマンドcmdを入力:dart --version図は、インストールに成功しています!
ここに画像を挿入説明

2.安装java的JDK:
JDK下载地址:https://www.oracle.com/java/technologies/javase-jdk8-downloads.html
没有账号的同学,注册登入后就可以下载啦!
ここに画像を挿入説明
下载好后无脑下一步安装:(安装路径建议不用修改)
ここに画像を挿入説明
JDK安装成功后配置环境变量:
右击此电脑属性高级系统设置环境变量系统变量-新建

变量名: JAVA_HOME
变量值:C:\Program Files\Java\jdk1.8.0_241 (jdk安装目录)

ここに画像を挿入説明
下面在系统变量Path内新建变量:

%JAVA_HOME%\bin
%JAVA_HOME%\jre\bin
ここに画像を挿入説明ここに画像を挿入説明
填写后一路点击确定,这样java JDK就安装配置成功啦!

检测java JDK是否安装并配置成功 cmd输入javac 如下图则配置成功
ここに画像を挿入説明

3.下载Flutter SDK:
下载地址:https://flutter.dev/docs/development/tools/sdk/releases
ここに画像を挿入説明
下载好后解压到:自定义路径文件夹内
ここに画像を挿入説明
解压完成后,获取bin文件夹的路径并配置好环境变量
ここに画像を挿入説明
4.安装Android Studio 为了配置Android sdk
官网下载地址:https://developer.android.google.cn/studio
下载好后就开始安装啦:
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
ここに画像を挿入説明
下面就是下载Android sdk啦!

下载在C:\Users\用户名\AppData\Local\Android\Sdk

ここに画像を挿入説明
等待它下载成功:
ここに画像を挿入説明
下载成功: 保存在C:\Users\用户名\AppData\Local\Android\Sdk文件夹内
后点击Finsh 完成
ここに画像を挿入説明
下面我们来说这里存在的一个问题Sdk内没有tloos文件夹:
有的同学可以跳过:
ここに画像を挿入説明
我们去Android Studio 下载tloos:
ここに画像を挿入説明
此时Sdk文件夹内有tloos文件夹后我们打开cmd命令行:
执行:flutter doctor --android-licenses
ここに画像を挿入説明
此时运行flutter doctor检测环境是否配置成功:
ここに画像を挿入説明
此时就说明我们所有的环境都配置成功了!

5.フラッタープロジェクト作成し
、任意のファイルにフラッタプロジェクトをcmdを、我々は最初のフォルダを作成する:フラッターは、プロジェクト名を作成すると、
ここに画像を挿入説明
最初に、いくつかの時間を待つ必要があるあなたには、いくつかのパッケージをダウンロードするプロジェクトを作成し
、以下に示すように、正常に作成した後、
ここに画像を挿入説明
コード対用いて以下に地面このアイテムを開きますそして、データラインは、携帯電話を接続し
、プロジェクト実行する前に、vs code以下のプラグインをインストールする必要が:

DART
ここに画像を挿入説明
フラッターフラッターウィジェットSnippcts
ここに画像を挿入説明
電話は、デベロッパーモードに開いているとデバッグUSBをチェックしなければならない
ここに画像を挿入説明
プロジェクトを実行するために、端末内のフラッターの実行を
患者ああも、いくつかの時間を待つために最初の実行の必要性を!-
ここで最初のエラー実行されています。
ここに画像を挿入説明
次のように解決策がある:
\ androidの中build.gradleファイル内の2つのmavenCentralを追加()缶

ここに画像を挿入説明
さんは再びそれを実行してみましょう:
ここに画像を挿入説明
最終的にそれを成功しました!
携帯電話上の効果での外観をしてみましょう:
ここに画像を挿入説明
問題のある生徒は、ああ、以下のメッセージを残すことができます!
小扁はあなたが答えるのは初めてになります!

公開された218元の記事 ウォン称賛35 ビュー130 000 +

おすすめ

転載: blog.csdn.net/qq_41614928/article/details/104497596