鏡像下載、域名解析、時(shí)間同步請(qǐng)點(diǎn)擊?阿里巴巴開源鏡像站

?

Flutter是谷歌開發(fā)的一款開源、免費(fèi)的基于Dart語(yǔ)言的UI框架，可以快速在IOS和Android上構(gòu)建高質(zhì)量的原生應(yīng)用。它的最大的特點(diǎn)是跨平臺(tái)和高性能。

Dart是由谷歌，在2011年開發(fā)的計(jì)算機(jī)編程語(yǔ)言，它可以被用于Web、服務(wù)器、移動(dòng)應(yīng)用和物聯(lián)網(wǎng)等多個(gè)領(lǐng)域，號(hào)稱要取代javascript

?

跨平臺(tái)（適用多個(gè)終端）

移動(dòng)端

• Android
• iOS

Web端（各種瀏覽器）

桌面應(yīng)用

嵌入式開發(fā)

?

高性能

flutter應(yīng)用的性能，接近原生App

Flutter采用GPU(毒性顯示)渲染技術(shù)

Flutter應(yīng)用的刷新頻率可達(dá)120fps

• 可以用Flutter來(lái)開發(fā)游戲

?

資源網(wǎng)站

官網(wǎng)：flutter.dev

Github：github.com/flutter/flu…

中文網(wǎng)：

• flutterchina.club
• flutter.cn

?

環(huán)境搭建

• Windows只能搭建Android開發(fā)環(huán)境
• Mac下技能搭建Android開發(fā)環(huán)境，也能搭建IOS開發(fā)環(huán)境
• vscode安裝flutter插件
• 網(wǎng)絡(luò)環(huán)境 需翻墻

window下安裝安卓環(huán)境

JDK

Android Studio

• 安裝Android Studio
• 安裝Android SDK
• 安裝Android模擬器

Flutter SDK

• 直接下載
• 通過(guò)Git下載

?

配置資源鏡像

由于在國(guó)內(nèi)訪問(wèn)Flutter有時(shí)候可能會(huì)收到限制，F(xiàn)lutter官方為中國(guó)開發(fā)者搭建了臨時(shí)鏡像，大家可以將下面的資源地址加入到環(huán)境變量中

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

找到我的電腦 => 屬性 => 高級(jí)系統(tǒng)設(shè)置 => 新增系統(tǒng)環(huán)境變量 以上面 鍵值形式添加

?

安裝JDK

下載地址：www.oracle.com/java/techno…

下載完成，雙擊安裝

安裝完成 驗(yàn)證是否成功 終端輸入java -version查看版本號(hào)

如沒(méi)有，需要將JDK的安裝路徑綁定到環(huán)境變量中

變量名：JAVA_HOME 變量值：jdk的安裝路徑

?

Android Studio安裝

下載Android Studio

下載地址：developer.android.google.cn/studio/

下載完成：雙擊安裝，下一步安裝

安裝完成后，找到SDK Manager， 下載安裝android SDK Platform29 (在Android 10.0下)

安裝模擬器，找到ADV Manager => 點(diǎn)擊 create Virtual Device 添加虛擬設(shè)備

?

Flutter SDK

下載地址：flutter.cn/docs/develo…

或者通過(guò)git下載 git clone -b master https://github.com/flutter/flutter.git

網(wǎng)站上下載的是壓縮包，選擇位置解壓

運(yùn)行命令

• 通過(guò) flutter_console.bat 打開命令行，然后在命令行中運(yùn)行flutter命令
• 綁定環(huán)境變量，將flutter的執(zhí)行路基那個(gè)，綁定到環(huán)境變量中

綁定環(huán)境變量，找到 bin目錄，路徑添加到環(huán)境變量

檢測(cè)flutter

在命令行中，運(yùn)行flutter doctor ，可能會(huì)出現(xiàn)三個(gè)問(wèn)題

• Some Android license not accepted

運(yùn)行flutter doctor --android-license 所有交互輸入Y

• 如果報(bào)錯(cuò)Unable to locate Android SDK，需要將android SDK 添加到用戶變量

ANDROID_HOME = sdk路徑

Android toolchain - develop for Android devices ? ? 
Unable to locate Android SDK.

版本一定要匹配正確，具體報(bào)錯(cuò)具體解決。

查看已安裝的模擬器

flutter emulators

啟動(dòng)模擬器

flutter emulators --launch emulator-id

如果啟動(dòng)不了模擬器，顯示 "HADXM is not installed"

• 檢查電腦是否開啟虛擬化技術(shù)，進(jìn)入BIOS界面找到virtual Technology 設(shè)置為允許
• 檢查Android Studio 的SDK tools 是否由選中 HAXM installer
• 找到Android SDK\extras\intel\Hardware_Accelerated_Execution_Manager-2 雙擊 haxm.exe 文件安裝

初始化flutter項(xiàng)目

通過(guò)命令行

• flutter create myproject
• cd myproject
• flutter run

通過(guò)Android Studio

• 必須安裝Flutter插件

通過(guò)vscode

• 必須安裝Flutter插件

修改國(guó)內(nèi)鏡像源

在運(yùn)行flutter之前，需要先修改運(yùn)行項(xiàng)目必須的資源路徑，需要修改兩個(gè)文件

• flutter項(xiàng)目/android/build.gradle
• Flutter SDK包下的flutter.gradle

 google()
 mavenCentral()
 修改成
 maven { url 'https://maven.aliyun.com/repository/goole' }
 maven { url 'https://maven.aliyun.com/repository/jcenter' }
 maven { url 'https://maven.aliyun.com/repository/public' }

找到flutter sdk下 flutter\packages\flutter_tools\gradle， 修改鏡像

?

本文轉(zhuǎn)自：https://juejin.cn/post/7036360364694437896

　　審核編輯：ymf