M2 Mac Flutter 環境建置紀錄

681 阅读2分钟

flutter_on_mac.png

前言

此篇是我個人被 Android Studio Giraffe 荼毒,憤而疾書發洩🙇

蘋果商店買認證整修品

MacBook Air M2 13.6吋 8+8 16G 512G

台幣$40860比全新便宜7000,太香了!!

拿來開發Flutter完全足夠~

安裝 Rosetta 2

$sudo softwareupdate --install-rosetta --agree-to-license

準備zsh配置文件

touch ~/.zshrc

需要修改就

open ~/.zshrc

每次修改完執行⬇️ 環境變數就生效了

source ~/.zshrc

下載Flutter SDK

進入官網,直接下載

若是開發專案需要有多版本flutter管理的話 fvm

個人推薦直接下載fvm的gui:Sidekick 簡單又方便

配置flutter環境變量⬇️

以Sidekick為例,將一個已下載版本設為global後

往zshrc內加入

export PATH="$PATH:/Users/你的使用者名稱/fvm/default/bin"

接著就可以使用 flutter doctor 檢查

下載 Xcode

直接去App Store下載,然後執行

sudo xcodebuild -license
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

再用Xcode下載ios模擬器

安裝 Homebrew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安裝新版 Ruby

系統自帶的ruby版本太低,使用homebrew安裝Ruby

brew install ruby

此時ruby -v會是系統舊的ruby

因此往zshrc加入

if [ -d "/opt/homebrew/opt/ruby/bin" ]; then
  export PATH=/opt/homebrew/opt/ruby/bin:$PATH
  export PATH=`gem environment gemdir`/bin:$PATH
fi

再次ruby -v就會是homebrew下載的新版本

安裝 CocoaPods

建議使用-V,查看安裝進度

sudo gem install cocoapods -V

安裝完後運行flutter doctor這一項是沒有問題的

若運行sudo flutter doctor會報錯說和ruby版本對不上,可以不用理他

安裝 Android Studio

再此勸告各位不要安裝最新穩定版的Android Studio

前幾天裝了giraffe版本,adb無法正確識別實體機(顯示API 1)

折騰了幾個小時,最後重設mac,改裝dolphin版本就沒問題了

啟動 Android Studio,一般按照推薦配置下載就好

進入 SDK Manager,建議把Android SDK Command-line Tools改成8.0版本可以避免可能遇到的jdk版本錯誤

去Plugins搜尋Flutter,下載然後重啟Android Studio

最後執行⬇️ 應該就差不多了

flutter doctor --android-licenses

可以再flutter doctor看看有無缺失

寫在最後

  • 新電腦不要安裝最新的Android Studio!!!
  • 最近一週內在Apple芯片的電腦上裝了三次flutter,比較熟悉流程,就來紀錄一下
  • 歡迎大家指出錯誤或是提出修改意見