1. 程式人生 > >flutter 安裝詳細教程

flutter 安裝詳細教程

git gles 下載 多個 targe star dart 平臺開發 通過

Flutter 是 Google 用以幫助開發者在 iOS 和 Android 兩個平臺開發高質量原生 UI 的移動 SDK。Flutter 兼容現有的代碼,免費且開源,在全球開發者中廣泛被使用。

安裝步驟:

1.由於國內被墻,需要設置下載鏡像

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

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

2.從github下載flutter包

git clone -b dev https://github.com/flutter/flutter.git

3.設置flutter為全局可執行

export PATH="$PWD/flutter/bin:$PATH"

4.安裝flutter所需相關依賴(可能安裝時間較長,請耐心等待)

完畢之後可能會有issues提示,部分工具或依賴未安裝。

我在安裝完畢之後

1).提示需要android studio、ios toolchain、Intelij等,這三個工具選擇安裝其一即可,我選擇的是安裝andriod studio sdk,issue上有下載地址。

下載andriod studio也較慢,需要耐心等待(本人通過代理下載)。

下載完畢之後,執行flutter doctor -v,查看,提示你為andriod sdk變量未配置

配置andriod studio sdk環境變量

vim ~/.bash_profile

添加變量配置

export ANDROID_HOME=/Users/bytedance/Library/Android/sdk // 這個路徑可以通過issue提示獲取
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PATH=$HOME/flutter/bin:$PATH  

 保存然後執行:

source ~/.bash_profile

  此時在執行flutter doctor -v,可以看到提示變量已配置

註意: 如果你使用的是zsh,終端啟動時 ~/.bash_profile 將不會被加載,每次都必須source一次才能起作用,很煩。解決辦法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile,完美解決。

2).還有提示Android licenses問題,按照描述執行指令,一直同意即可

3)在android sdk配置後變量之後,還提示需要安裝flutter plugin和dart plugin

打開android studio,選擇右上角菜單 android studio => Preferences=>Plugins 搜索安裝flutter和dart即可

5.如果順利通過前四步,基本算是大功告成了吧。(不確定是否遺漏什麽,主要還是通過flutter doctor -v查漏補缺)

6. 設置Android模擬器

要準備在Android模擬器上運行並測試您的Flutter應用,請按照以下步驟操作:

在您的機器上啟用 VM acceleration .
啟動 Android Studio, 頂部菜單Tools > AVD Manager 並選擇 Create Virtual Device.
選擇一個設備並選擇 Next。
為要模擬的Android版本選擇一個或多個系統映像,然後選擇 Next. 建議使用 x86 或 x86_64 image .
在 Emulated Performance下, 選擇 Hardware - GLES 2.0 以啟用 硬件加速.
驗證AVD配置是否正確,然後選擇 Finish。

7.創建新應用

選擇 File>New Flutter Project
選擇 Flutter application 作為 project 類型, 然後點擊 Next
輸入項目名稱 (如 myapp), 然後點擊 Next
點擊 Finish
等待Android Studio安裝SDK並創建項目.

  然後你的flutter開發生涯開始了??

附上flutter中文教程 https://flutterchina.club/get-started/codelab/

github 地址 https://github.com/flutter/flutter

flutter 安裝詳細教程