flutter 安裝詳細教程

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

安裝步驟:ios

1.因爲國內被牆,須要設置下載鏡像git

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

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

2.從github下載flutter包github

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

3.設置flutter爲全局可執行vim

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

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

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

我在安裝完畢以後工具

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

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

下載完畢以後,執行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 $HOME/.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

相關文章
相關標籤/搜索