2024-09-29|閱讀時間 ‧ 約 7 分鐘

【Flutter 學習筆記】如何在 macOS 上安裝 Flutter SDK

raw-image
【Flutter 學習筆記】線上課程教學影片:連結
【Flutter 學習筆記】系列文章目錄:連結

在 macOS 上安裝 Flutter SDK 主要的三種方式

在 macOS 上安裝 Flutter SDK 有多種方式,以下將介紹三種常見的方法,幫助讀者能夠輕鬆開始使用 Flutter 進行開發。

方法一:從 Flutter 官方網站直接下載與手動安裝

這是最直接的安裝方式,適合喜歡手動配置的開發者。

  • 訪問 Flutter 官方網站:前往 flutter.dev
  • 選擇 macOS 平台:在下載頁面中選擇適合 macOS 的版本。
  • 下載 SDK 壓縮檔:根據您的 CPU 類型(Intel 或 Apple Silicon)下載相對應的 SDK 壓縮檔。
  • 解壓縮檔案:將下載的檔案解壓縮到指定目錄,例如桌面上的 development 資料夾。
  • 設定環境變數

- 如果使用 Zsh shell:

1. 編輯 ~/.zshrc

2. 將 Flutter 的 `bin` 目錄添加到 `PATH` 中,例如:

export PATH="$PATH:[Flutter SDK 的安裝路徑]/flutter/bin"

3. 儲存文件後,重新載入設定:

source ~/.zshrc

- 如果使用 Bash shell:

1. 編輯 ~/.bash_profile

2. 將 Flutter 的 `bin` 目錄添加到 `PATH` 中,例如:

export PATH="$PATH:[Flutter SDK 的安裝路徑]/flutter/bin"

3. 儲存文件後,重新載入設定:

source ~/.bash_profile
  • 檢查安裝

打開終端機,執行以下命令以確認安裝是否成功:

flutter --version
flutter doctor

方法二:使用 Visual Studio Code 整合式開發環境安裝 Flutter SDK

如果您偏好使用整合式開發環境(IDE),Visual Studio Code 是一個不錯的選擇。

  • 安裝 Visual Studio Code
  • 安裝 Flutter 擴充套件
    • 在 VS Code 中,前往擴充套件市場,搜尋並安裝 Flutter 擴充套件。
  • 建立新 Flutter 專案
    • 使用命令面板(Command Palette)執行 "Flutter: New Project"。
    • 選擇您之前安裝的 SDK 位置。
  • 設定環境變數

- 如果使用 Zsh shell:1. 編輯 ~/.zshrc。2. 將 Flutter 的 `bin` 目錄添加到 `PATH` 中,例如:

export PATH="$PATH:[Flutter SDK 的安裝路徑]/flutter/bin"
3. 儲存文件後,重新載入設定:
source ~/.zshrc
- 如果使用 Bash shell:1. 編輯 ~/.bash_profile。2. 將 Flutter 的 `bin` 目錄添加到 `PATH` 中,例如:
export PATH="$PATH:[Flutter SDK 的安裝路徑]/flutter/bin"
3. 儲存文件後,重新載入設定:
source ~/.bash_profile

  • 檢查安裝

打開終端機,執行以下命令以確認安裝是否成功:

flutter --version

flutter doctor

方法三:使用命令列工具安裝 Flutter SDK

對於喜歡使用命令列的開發者,這種方式非常方便。

  • 使用 Homebrew 安裝
    • 首先,確保您已安裝 Homebrew。如果尚未安裝,可以在終端機中執行以下命令:
      bash複製代碼/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
    • 然後執行以下命令安裝 Flutter:
      bash複製代碼brew install flutter
  • 使用 Git 安裝
    • 選擇一個目錄,然後執行以下命令以克隆 Flutter 的 Git 倉庫:
      bash複製代碼git clone https://github.com/flutter/flutter.git
  • 設定環境變數

- 如果使用 Zsh shell:

1. 編輯 ~/.zshrc

2. 將 Flutter 的 `bin` 目錄添加到 `PATH` 中,例如:

export PATH="$PATH:[Flutter SDK 的安裝路徑]/flutter/bin"

3. 儲存文件後,重新載入設定:

source ~/.zshrc

- 如果使用 Bash shell:

1. 編輯 ~/.bash_profile

2. 將 Flutter 的 `bin` 目錄添加到 `PATH` 中,例如:

export PATH="$PATH:[Flutter SDK 的安裝路徑]/flutter/bin"

3. 儲存文件後,重新載入設定:

source ~/.bash_profile
  • 檢查安裝

打開終端機,執行以下命令以確認安裝是否成功:

flutter --version
flutter doctor

透過以上三種方式,您可以根據自己的需求選擇最適合的安裝方法,快速開始您的 Flutter 開發之旅。

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.