futter環境安裝

映象下載、域名解析、時間同步請點選  阿里巴巴開源映象站

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

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

跨平臺（適用多個終端）

• 移動端

  • Android
  • iOS

• Web端（各種瀏覽器）

• 桌面應用

• 嵌入式開發

高效能

• flutter應用的效能，接近原生App

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

• Flutter應用的重新整理頻率可達120fps

  • 可以用Flutter來開發遊戲

資源網站

• 官網： flutter.dev

• Github：

• 中文網：

環境搭建

• Windows只能搭建Android開發環境
• Mac下技能搭建Android開發環境，也能搭建IOS開發環境
• vscode安裝flutter外掛
• 網路環境 需翻Q

window下安裝安卓環境

• JDK

• Android Studio

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

• Flutter SDK

  • 直接下載
  • 透過Git下載

配置資源映象

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

export PUB_HOSTED_URL=
export FLUTTER_STORAGE_BASE_URL=

找到 我的電腦 =>  屬性 =>  高階系統設定 =>  新增系統環境變數 以上面 鍵值形式新增

安裝JDK

下載地址：

下載完成，雙擊安裝

安裝完成 驗證是否成功 終端輸入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

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

執行命令

• 透過 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 '}
 maven { url '}
 maven { url '}

找到flutter sdk下 flutter\packages\flutter_tools\gradle， 修改映象

本文轉自：