在 MacBook Air M1 上輕鬆安裝 Flutter:完整指南!

閱讀時間約 3 分鐘

安裝Flutter

  1. 下載Flutter (Apple Silicon的版本):https://docs.flutter.dev/get-started/install/macos
  2. 在想安裝Flutter的目錄下解壓縮
$ cd ~Desktop/development
$ unzip ~/Downloads/flutter_macos_3.16.0-stable.zip
  1. 將Flutter加入PATH
    暫時性(關掉terminal就沒了):
$ export PATH="$PATH:`pwd`/flutter/bin"

永久性:

打開或創建`rc` file。
首先先輸入指令`echo $SHELL`查看自己的電腦用哪一種shell。
如果是Bash, 編輯`~/.bash_profile`或者`~/.bashrc`
如果是用Z shell, 則編輯`~/.zshrc`
我的是Z shell,所以編輯`~/.zshrc`
$ nano ~/.zshrc
$ export PATH="$PATH:`pwd`/flutter/bin"
^X存檔離開。
  1. 檢查是否安裝成功(no issue)
$ flutter doctor
  1. 創建專案
$ flutter create my_first_app
  1. 用VS Code開啟專案並選擇模擬器執行程式
    預設專案為一個計數器

其他需安裝軟體

Xcode

App Store->Xcode (需要macOS 13以上)

Android Studio

下載連結:https://developer.android.com/studio?hl=zh-tw

如執行$ flutter doctor有sdk update的問題,移除舊版本,安裝新版本

Cocopods

$ sudo gem install cocoapods

Visual Studio Code

下載連結:https://code.visualstudio.com/download
安裝Extansion:Flutter, Dart


Trouble Shooting

cmdline-tools component is missing

Run `path/to/sdkmanager --install "cmdline-tools;latest"`

Android License status unknown

Run `flutter doctor --android-licenses`

Cocoapod not installed

Run `sudo gem install cocoapods`

ERROR: Error installing cocoapods: There are no versions of cocoapods-downloader (>= 2.0) compatible with your Ruby & RubyGems. Maybe try installing an older version of the gem you're looking for? cocoapods-downloader requires Ruby version >= 2.7.4. The current ruby version is 2.6.10.210.
(macOS Sonoma 14.1.1會遇到這個error)

Solution:

$ sudo gem install drb -v 2.0.5
$ sudo gem install activesupport -v 6.1.7.6
$ sudo gem install cocoapods -v 1.13.0
3會員
12內容數
日文與程式的學習筆記,偶爾會發發生活、旅遊記事
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
avatar
史官Fong的小本本
2023-09-17
在 Azure 上建立一台 Ubuntu 主機,安裝 apache 和 PHP 8.1 順便 啟用 SSL 第二篇承上篇,繼續往下走吧! 來說明一下 PHP 兩個會用到的套件安裝,一個是 ionCube,另一個為 memcached ●PHP 套件 ionCube 安裝 先以下列指令,在帳戶內建立一個 tmp 資料夾備用,執行時留意是在帳號剛登入主機的位置喔!
Thumbnail
avatar
林雲秋
2023-06-21
在 Azure 上建立一台 Ubuntu 主機,安裝 apache 和 PHP 8.1 順便 啟用 SSL 第一篇先說,我並非專業人士~ 只是分享建立的過程與經驗,不要問我問題~ 我可能、應該無法解答,哈哈哈。 另,這只是一份 草稿? 操作簡述~ 容我不很詳細的抓畫面了! 我之後 "應該" 會拍影片說明整個過程,真的有拍的話,再補上影片網址。
Thumbnail
avatar
林雲秋
2023-06-21
如何在 M1 Macbook 上跑 Stable Diffusion?本文將分享如何在 M1 / M2 的 Macbook 上安裝 Stable Diffusion WebUI。首先會提供一些 Macbook 的規格建議,接著會介紹如何安裝環境,以及初始化 Stable Diffusion WebUI。最後還會介紹如何下載 Stable Diffusion 模型
Thumbnail
avatar
KodingWork
2023-06-09
【購買Obsidian Sync後,如何同時在iPhone, iPad與MacBook Air上同時使用?】Obsidian Sync真的提供了完美跨裝置使用Obsidian的無縫同步體驗! 購買Obsidian官方的同步功能真得非常划算!它能讓我不費吹灰之力在iPhone、iPad以及MacBook Air同步筆記。這邊寫一下,那邊就同步。 下面是我目前讓iPhone, iPad與MacBook Air
Thumbnail
avatar
王啟樺
2023-04-25
在海外生活=比較輕鬆?Whangarei Heads - 位於離奧克蘭北邊約開車2小時的城市 記得我之前在方格子上有看了一篇文章關於到澳洲渡假打工跟到台灣的外勞沒有很大的差別。其實我之前就很有同感,這個格友的說法是十分貼切的。 因為我10歲就和家人一起移民過來紐西蘭,在台灣讀到小學五年級上學期。紐西蘭這裡有讀到1年小學,
Thumbnail
avatar
張小莎
2021-09-05
mac book 好用工具-查英文單字(在browser)在browser裏,想查的英文單字用mouse移到該單字上,單指重壓”觸控式軌跡板”後,自動出現該單字的解釋,簡單好用。
Thumbnail
avatar
學習 seeming
2021-04-28
換MacBook後生活變得更有效率了?
重點不在硬體,在於心態 從果黑變成半個果粉的心路歷程 小時候的丹尼是一個果黑,最討厭看到咖啡廳的MacBook男女,那時候還以身為Window粉驕傲著。但長大後朋友都說:丹尼你變了,你怎麼開始拿Ipad Pro到處晃?,欸丹尼,你手上的筆電怎麼多了一顆蘋果logo? 1年前的丹尼
Thumbnail
avatar
還不是醫生
2021-04-03
【在舞台上怯場的原因】- 亞歷山大放鬆法 上台緊張,怎麼辦? 本章節錄《亞歷山大放鬆法》,分析您怯場的原因。 還有,初學者,也可以很精準嗎?
Thumbnail
avatar
岱伶
2020-04-30
在雪梨修理蘋果電腦 Macbook Air照片裡是我的 Macbook Air 11",已經停產的蘋果筆電,2014年買的,因為當時想學寫 iOS app,卻沒有 Apple電腦,為此我還把一台 ThinkPad R61改成黑蘋果(註一),雖然成功但是超難用,卻又覺得蘋果電腦實在很貴買不下手,正好遇上這一款在特價,就買下去了
Thumbnail
avatar
Oz Formosa
2019-07-04