Flutter 入門侦香，從下載 Flutter SDK 到成功運行在 iOS Android 平臺。編輯器：Xcode(11.3.1)纽疟、 Android Studio(3.2.1)罐韩、VSCode(1.43.2)。

1.在 Flutter 官網(wǎng) 下載其最新可用的安裝包污朽，解壓之后散吵，放在想安裝的目錄下，記住文件目錄蟆肆，比如：/Users/liupengkun/Documents/flutter_learn矾睦。

2.接著打開終端，輸入命令行 open ~/.bash_profile颓芭，打開文件后顷锰，添加 flutter 相關工具到 path 中：

// 路徑要使用你上面放置Sdk的目錄路徑
export PATH=/Users/liupengkun/Documents/flutter_learn/flutter/bin:$PATH

3.使用鏡像，由于在國內(nèi)訪問 Flutter 有時可能會受到限制亡问，F(xiàn)lutter 官方為中國開發(fā)者搭建了臨時鏡像（此鏡像為臨時鏡像官紫，并不能保證一直可用肛宋，讀者可以參考 Using Flutter in China 以獲得有關鏡像服務器的最新動態(tài)。）：

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

4.改完之后束世，關閉 bash_profile 文件酝陈，執(zhí)行 source ~/.bash_profile 更新配置環(huán)境變量。

5.接著終端執(zhí)行 flutter doctor 檢測環(huán)境毁涉，報了以下問題：

每個人的環(huán)境不太一樣沉帮，因此 flutter doctor 檢測出來的問題也會有差異。因為我電腦之前使用過 Xcode贫堰、 Android Studio穆壕、VSCode，所以報的問題相對較少其屏，IntelliJ IDEA 倒是用的不多喇勋。

接下來開始解決報的問題：

! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

這個簡單，接受這些協(xié)議即可偎行。直接終端執(zhí)行 flutter doctor --android-licenses川背，一直輸入 y 并換行，直至成功蛤袒。

? Flutter plugin not installed; this adds Flutter specific functionality.
? Dart plugin not installed; this adds Dart specific functionality.

這個意思也很清楚熄云，打開 AS，在 configure 里安裝 Flutter 以及 Dart 插件：

關于 ! No devices available 的問題后面會講到妙真。

接著重新在終端執(zhí)行 flutter doctor：

發(fā)現(xiàn)剛剛的兩個問題已經(jīng)好了缴允，關于 IntelliJ IDEA，暫時我這邊很少用到 IntelliJ IDEA隐孽，先擱置癌椿，其實想解決也很簡單健蕊，在 IntelliJ IDEA 里安裝 Flutter 以及 Dart 插件就可以了菱阵。

6.創(chuàng)建 Flutter 項目并運行

cd 到存放項目的文件夾，然后執(zhí)行命令：

flutter create hello_flutter

稍等一會兒缩功，項目就構建成功了：

打開上圖 ios 或 android 項目晴及，并運行。

關于 ! No devices available 的問題嫡锌，我這里測試的結論是虑稼，用模擬器運行的話是沒作用的，只有真機運行势木，才會有改變：

• 2020.04.08 更新
  • 問題 1：之前安裝并配置好了 flutter蛛倦，但是之后運行 flutter doctor時，報錯 zsh: command not found: flutter啦桌，暫時性解決方案是執(zhí)行source ~/.bash_profile溯壶；徹底解決方案是復制一份 .bash_profile 文件及皂，改名為 .zprofile，終端執(zhí)行 source ~./zprofile且改。
  • 問題 2：用 VSCode 運行項目到 iOS 模擬器時验烧，一直 Launching...，用 Xcode 直接運行也不行又跛，解決方案是手動刪除 ~/Library/Developer/Xcode/DerivedData 文件夾下的文件碍拆，重新運行。
  • 問題 3：執(zhí)行命令時有時卡在了 Waiting for another flutter command to release the startup lock慨蓝，解決方案是刪除 flutter 的安裝目錄 /bin/cache/ 下的 lockfile 文件感混。

原文地址：Mac 配置 Flutter 環(huán)境，運行 iOS Android 兩端
更多文章請點擊：Articles