iOS 工程師的 Flutter 踩坑筆記 — 開發環境建置

潔客幫Jackercleaning

7 min readFeb 23, 2019

嗨！大家今天過得好嗎？歡迎回到理…

喔不對，歡迎來到 iOS 工程師的 Flutter 踩坑筆記！

我是 Charles，一個開發 Swift 將近一年的 iOS工程師，

因為同事的大力「傳教」，使我一腳踏進了 Flutter 的世界，也許未來有機會使用 Flutter 開發跨平台產品也說不定呢 (笑

關於 Flutter 的介紹，可以參考官方網站的 FAQ

那麼，開始來建置環境吧！

安裝 Flutter 環境

身為一位 iOS 開發者，當然是使用Mac系統來設置啊！

需求空間：700 MB (不包含Xcode或Android Studio等開發工具的空間唷)

前往官方網站下載 Flutter SDK

使用 Terminal 將下載的 SDK 解壓縮到你想要的資料夾，如官網範例：

cd ~/development
$ unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip

在 Terminal 設定環境變數

export PATH=`剛才設定的位置`/flutter/bin:$PATH

你也可以使用 .bash_profile 來設定環境變數

可參考文末參考連結

touch ~/.bash_profile
open ~/.bash_profile

將路徑輸入到檔案中，然後存檔並關閉

export PATH=`剛才設定的位置`/flutter/bin:$PATH

執行並檢查路徑

source $HOME/.bash_profile
echo $PATH

在 Terminal 執行 Flutter doctor

flutter doctor

flutter doctor 可以幫你檢查是否有缺少的安裝或設定問題，

若出現問題會以紅色叉叉顯示並提示如何解決，例如：

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

當所有問題都解決時便以綠色勾勾顯示：

[✓] Flutter (Channel stable, v1.0.0, on Mac OS X 10.14.2 18C54, localezh-Hant-TW)[✓] Android toolchain — develop for Android devices (Android SDK 28.0.3)[✓] iOS toolchain — develop for iOS devices (Xcode 10.1)[✓] Android Studio (version 3.3)[✓] VS Code (version 1.30.2)[✓] Connected device (1 available)• No issues found!