鏡像下載、域名解析、時間同步請點擊?阿里巴巴開源鏡像站

?

Flutter是谷歌開發的一款開源、免費的基于Dart語言的UI框架，可以快速在IOS和Android上構建高質量的原生應用。它的最大的特點是跨平臺和高性能。

Dart是由谷歌，在2011年開發的計算機編程語言，它可以被用于Web、服務器、移動應用和物聯網等多個領域，號稱要取代javascript

?

跨平臺（適用多個終端）

移動端

• Android
• iOS

Web端（各種瀏覽器）

桌面應用

嵌入式開發

?

高性能

flutter應用的性能，接近原生App

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

Flutter應用的刷新頻率可達120fps

• 可以用Flutter來開發游戲

?

資源網站

官網：flutter.dev

Github：github.com/flutter/flu…

中文網：

• flutterchina.club
• flutter.cn

?

環境搭建

• Windows只能搭建Android開發環境
• Mac下技能搭建Android開發環境，也能搭建IOS開發環境
• vscode安裝flutter插件
• 網絡環境 需翻墻

window下安裝安卓環境

JDK

Android Studio

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

Flutter SDK

• 直接下載
• 通過Git下載

?

配置資源鏡像

由于在國內訪問Flutter有時候可能會收到限制，Flutter官方為中國開發者搭建了臨時鏡像，大家可以將下面的資源地址加入到環境變量中

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

找到我的電腦 => 屬性 => 高級系統設置 => 新增系統環境變量 以上面 鍵值形式添加

?

安裝JDK

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

下載完成，雙擊安裝

安裝完成 驗證是否成功 終端輸入java -version查看版本號

如沒有，需要將JDK的安裝路徑綁定到環境變量中

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

?

Android Studio安裝

下載Android Studio

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

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

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

安裝模擬器，找到ADV Manager => 點擊 create Virtual Device 添加虛擬設備

?

Flutter SDK

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

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

網站上下載的是壓縮包，選擇位置解壓

運行命令

• 通過 flutter_console.bat 打開命令行，然后在命令行中運行flutter命令
• 綁定環境變量，將flutter的執行路基那個，綁定到環境變量中

綁定環境變量，找到 bin目錄，路徑添加到環境變量

檢測flutter

在命令行中，運行flutter doctor ，可能會出現三個問題

• Some Android license not accepted

運行flutter doctor --android-license 所有交互輸入Y

• 如果報錯Unable to locate Android SDK，需要將android SDK 添加到用戶變量

ANDROID_HOME = sdk路徑

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

版本一定要匹配正確，具體報錯具體解決。

查看已安裝的模擬器

flutter emulators

啟動模擬器

flutter emulators --launch emulator-id

如果啟動不了模擬器，顯示 "HADXM is not installed"

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

初始化flutter項目

通過命令行

• flutter create myproject
• cd myproject
• flutter run

通過Android Studio

• 必須安裝Flutter插件

通過vscode

• 必須安裝Flutter插件

修改國內鏡像源

在運行flutter之前，需要先修改運行項目必須的資源路徑，需要修改兩個文件

• flutter項目/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， 修改鏡像

?

本文轉自：https://juejin.cn/post/7036360364694437896

　　審核編輯：ymf