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

更新於 2024/11/19閱讀時間約 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
avatar-img
3會員
12內容數
日文與程式的學習筆記,偶爾會發發生活、旅遊記事
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
小白的主人沙龍 的其他內容
考過汽車駕照了~~我考的是自排車,一次是教練親自教,其他都是助教教學,前三堂課就把倒車入庫、路邊停車、S型和環場五項「交叉路口」、「上下坡道」、「 直線加速 」、「鐵路平交道」、「行人穿越道」教完了,接著助教再跟三堂課之後就全部都是自主練習(當然撞到安全島時助教會來關心一下)
魔法少年賈修EP.73 基度回魔界的一集,不管看幾次都覺得好難過
這篇是用WordPress設計網站前置作業的手把手教學 用Bluehost,就能一次搞定購買主機+網域名稱!
重新看了一遍,對於「如果真的可以以朋友身份聊天就好了」的這句話有了不同的體悟。 第一次看覺得梨央的意思是如果是以朋友的身份就可以講心裡的話了。再次看才發現梨央應該是想說,如果是以朋友身份聊天,講的內容就會像是想去哪玩之類的,而不是這些無聊沈重的話題了吧。
2021秋季日劇《最愛》EP.2台詞 家までの道を時々二人で帰った。明るい春の日も、暑い夏の日も、夕暮れの秋の日も 有時候兩個人會一起回家。在明亮的春天,炎熱的夏天,黃昏的秋天。
今天的學習內容也是《最愛》EP.1 因為特別喜歡這部,所以想學習的句子也比較多~ 順便放上去年到日本時,朝聖劇中女主角很常去的居酒屋的相片
考過汽車駕照了~~我考的是自排車,一次是教練親自教,其他都是助教教學,前三堂課就把倒車入庫、路邊停車、S型和環場五項「交叉路口」、「上下坡道」、「 直線加速 」、「鐵路平交道」、「行人穿越道」教完了,接著助教再跟三堂課之後就全部都是自主練習(當然撞到安全島時助教會來關心一下)
魔法少年賈修EP.73 基度回魔界的一集,不管看幾次都覺得好難過
這篇是用WordPress設計網站前置作業的手把手教學 用Bluehost,就能一次搞定購買主機+網域名稱!
重新看了一遍,對於「如果真的可以以朋友身份聊天就好了」的這句話有了不同的體悟。 第一次看覺得梨央的意思是如果是以朋友的身份就可以講心裡的話了。再次看才發現梨央應該是想說,如果是以朋友身份聊天,講的內容就會像是想去哪玩之類的,而不是這些無聊沈重的話題了吧。
2021秋季日劇《最愛》EP.2台詞 家までの道を時々二人で帰った。明るい春の日も、暑い夏の日も、夕暮れの秋の日も 有時候兩個人會一起回家。在明亮的春天,炎熱的夏天,黃昏的秋天。
今天的學習內容也是《最愛》EP.1 因為特別喜歡這部,所以想學習的句子也比較多~ 順便放上去年到日本時,朝聖劇中女主角很常去的居酒屋的相片
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
在理財的過程中,許多人渴望模仿那些「錢多到不知道要花在哪裡的人」,但這往往導致經濟困境。本文探討了理財的本質,強調每個人的財務狀況和風險承受能力不同。我們應根據自己的實際情況制定理財策略,而非盲目追隨他人的消費模式。瞭解金錢的真實用途,才能真正達到財務自由。
Thumbnail
本文探討電影《餘燼》與導演鍾孟宏的創作意圖。透過導演與主角之一莫子儀的映後座談,本文呈現了電影表達的不同觀點與對社會議題的反思。無論對於劇情的評價如何,該片所提供的獨特視角與對話空間均值得反思與探討。希望觀眾以理性態度理解與評價文藝作品,留下創作空間給予藝術的表達。
Thumbnail
今年的黑色星期五尚未正式開始,但蘋果產品的早鳥優惠已經率先推出。本文將帶您了解各大熱銷產品的折扣,包括 MacBooks、AirPods、iPads 和 Apple Watch。透過本文指引,您可以輕鬆找到適合的蘋果產品,以最優惠的價格入手。
Thumbnail
蘋果今年發佈的第一款新品 M3 MacBook Air 已於今日(4/11)早上在台灣地區正式開賣;現在下訂的話,不論是 13″ 或 15″ 的基礎款機型最快到貨日皆為 4/23 ~ 4/25, 若有選配其他規格的話可能會提前至 4/20 到貨,有需求的朋友就趕緊到官網選購吧~ 13 吋與
Thumbnail
幾個步驟,就能成功在MacBook Air M1安裝Python3和Django!
Thumbnail
承上篇,繼續往下走吧! 來說明一下 PHP 兩個會用到的套件安裝,一個是 ionCube,另一個為 memcached ●PHP 套件 ionCube 安裝 先以下列指令,在帳戶內建立一個 tmp 資料夾備用,執行時留意是在帳號剛登入主機的位置喔!
Thumbnail
先說,我並非專業人士~ 只是分享建立的過程與經驗,不要問我問題~ 我可能、應該無法解答,哈哈哈。 另,這只是一份 草稿? 操作簡述~ 容我不很詳細的抓畫面了! 我之後 "應該" 會拍影片說明整個過程,真的有拍的話,再補上影片網址。
Thumbnail
本文將分享如何在 M1 / M2 的 Macbook 上安裝 Stable Diffusion WebUI。首先會提供一些 Macbook 的規格建議,接著會介紹如何安裝環境,以及初始化 Stable Diffusion WebUI。最後還會介紹如何下載 Stable Diffusion 模型
Thumbnail
Obsidian Sync真的提供了完美跨裝置使用Obsidian的無縫同步體驗! 購買Obsidian官方的同步功能真得非常划算!它能讓我不費吹灰之力在iPhone、iPad以及MacBook Air同步筆記。這邊寫一下,那邊就同步。 下面是我目前讓iPhone, iPad與MacBook Air
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
在理財的過程中,許多人渴望模仿那些「錢多到不知道要花在哪裡的人」,但這往往導致經濟困境。本文探討了理財的本質,強調每個人的財務狀況和風險承受能力不同。我們應根據自己的實際情況制定理財策略,而非盲目追隨他人的消費模式。瞭解金錢的真實用途,才能真正達到財務自由。
Thumbnail
本文探討電影《餘燼》與導演鍾孟宏的創作意圖。透過導演與主角之一莫子儀的映後座談,本文呈現了電影表達的不同觀點與對社會議題的反思。無論對於劇情的評價如何,該片所提供的獨特視角與對話空間均值得反思與探討。希望觀眾以理性態度理解與評價文藝作品,留下創作空間給予藝術的表達。
Thumbnail
今年的黑色星期五尚未正式開始,但蘋果產品的早鳥優惠已經率先推出。本文將帶您了解各大熱銷產品的折扣,包括 MacBooks、AirPods、iPads 和 Apple Watch。透過本文指引,您可以輕鬆找到適合的蘋果產品,以最優惠的價格入手。
Thumbnail
蘋果今年發佈的第一款新品 M3 MacBook Air 已於今日(4/11)早上在台灣地區正式開賣;現在下訂的話,不論是 13″ 或 15″ 的基礎款機型最快到貨日皆為 4/23 ~ 4/25, 若有選配其他規格的話可能會提前至 4/20 到貨,有需求的朋友就趕緊到官網選購吧~ 13 吋與
Thumbnail
幾個步驟,就能成功在MacBook Air M1安裝Python3和Django!
Thumbnail
承上篇,繼續往下走吧! 來說明一下 PHP 兩個會用到的套件安裝,一個是 ionCube,另一個為 memcached ●PHP 套件 ionCube 安裝 先以下列指令,在帳戶內建立一個 tmp 資料夾備用,執行時留意是在帳號剛登入主機的位置喔!
Thumbnail
先說,我並非專業人士~ 只是分享建立的過程與經驗,不要問我問題~ 我可能、應該無法解答,哈哈哈。 另,這只是一份 草稿? 操作簡述~ 容我不很詳細的抓畫面了! 我之後 "應該" 會拍影片說明整個過程,真的有拍的話,再補上影片網址。
Thumbnail
本文將分享如何在 M1 / M2 的 Macbook 上安裝 Stable Diffusion WebUI。首先會提供一些 Macbook 的規格建議,接著會介紹如何安裝環境,以及初始化 Stable Diffusion WebUI。最後還會介紹如何下載 Stable Diffusion 模型
Thumbnail
Obsidian Sync真的提供了完美跨裝置使用Obsidian的無縫同步體驗! 購買Obsidian官方的同步功能真得非常划算!它能讓我不費吹灰之力在iPhone、iPad以及MacBook Air同步筆記。這邊寫一下,那邊就同步。 下面是我目前讓iPhone, iPad與MacBook Air