在 MacBook Air M1 上輕鬆安裝 Flutter：完整指南！
安裝Flutter
- 下載Flutter (Apple Silicon的版本)：https://docs.flutter.dev/get-started/install/macos
- 在想安裝Flutter的目錄下解壓縮
$ cd ~Desktop/development
$ unzip ~/Downloads/flutter_macos_3.16.0-stable.zip
- 將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存檔離開。
- 檢查是否安裝成功（no issue）
$ flutter doctor- 創建專案
$ flutter create my_first_app- 用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
留言0
查看全部
你可能也想看
Google News 追蹤
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
介紹了在 Windows 和 macOS 上如何建置 Flutter Android 應用程式開發環境的方法。包括硬體需求、軟體需求、安裝開發工具、設置 Android 開發環境、驗證安裝及開始開發等步驟。
本文介紹 macOS 環境開發 iOS 應用程式。先列硬體規格與軟體需求，包括處理器、記憶體等要求和作業系統、開發工具版本要求。然後詳述開發環境設置步驟，像安裝 Flutter SDK 等。也介紹配置 iOS 模擬器和實體設備的方法。最後提及如何檢查開發環境，以及開始開發 iOS 應用的諸多建議。
介紹在 macOS 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具，如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
介紹在 Windows 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具，如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app； macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
# 簡介
身為一位專注於 Vue.js 的前端開發者，這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧！
## 第一次嘗試
### 第一步：創建一個 Flutter 應用
首先，通過運行以下命令來創建一個新的 Flutter 項目：
```sh
flutter
MacOS
請先安裝「Homebrew」。開啟「終端機」，輸入底下指令：
brew cask install docker
載入Docker App後，點擊Next，輸入MacOS登入密碼。安裝完成後，輸入底下指令查看版本資訊：
docker -v
Linux
開啟「終端機
現代社會跟以前不同了，人人都有一支手機，只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行，然而如今科技快速發展之下，金融App無聲無息地進到你生活中。但同樣的，每一家銀行都有自己的App時，我們又該如何選擇呢？(本文係由國泰世華銀行邀約)
今天我會用不同角度帶大家看這款國泰世華CUB
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
介紹了在 Windows 和 macOS 上如何建置 Flutter Android 應用程式開發環境的方法。包括硬體需求、軟體需求、安裝開發工具、設置 Android 開發環境、驗證安裝及開始開發等步驟。
本文介紹 macOS 環境開發 iOS 應用程式。先列硬體規格與軟體需求，包括處理器、記憶體等要求和作業系統、開發工具版本要求。然後詳述開發環境設置步驟，像安裝 Flutter SDK 等。也介紹配置 iOS 模擬器和實體設備的方法。最後提及如何檢查開發環境，以及開始開發 iOS 應用的諸多建議。
介紹在 macOS 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具，如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
介紹在 Windows 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具，如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app； macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
# 簡介
身為一位專注於 Vue.js 的前端開發者，這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧！
## 第一次嘗試
### 第一步：創建一個 Flutter 應用
首先，通過運行以下命令來創建一個新的 Flutter 項目：
```sh
flutter
MacOS
請先安裝「Homebrew」。開啟「終端機」，輸入底下指令：
brew cask install docker
載入Docker App後，點擊Next，輸入MacOS登入密碼。安裝完成後，輸入底下指令查看版本資訊：
docker -v
Linux
開啟「終端機