Flutter安裝及開發環境配置（Mac版）

本文介紹Mac環境下的Flutter安裝以及AndroidStudio配置。

Windows版請轉到——>Flutter安裝及開發環境配置（Windows）

國内鏡像

衆所周知的原因，國内通路google服務可能不太順暢，如果沒有vpn環境，可以通路國内鏡像。

Flutter官方為中國開發者搭建了臨時鏡像，大家可以将如下環境變量加入到使用者環境變量中：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
           

注意： 此鏡像為臨時鏡像，并不能保證一直可用。

Flutter SDK下載下傳安裝

1. 下載下傳sdk

官網下載下傳

github下載下傳

2. 解壓安裝包到你想安裝的目錄

cd 想要安裝的目錄
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip //解壓到目前目錄
           

3. 将Flutter目錄添加到PATH路徑

export PATH=你的flutter安裝目錄/flutter/bin:$PATH
           

如果想要每次電腦重新開機後都自動配置生效，則将PATH配置添加到.zshrc中（或者.bash_profile）：

export PATH=/Users/apple/Documents/flutter-sdk/flutter/bin:$PATH
           

這裡/Users/apple/Documents/flutter-sdk/flutter/是我的Flutter安裝路徑。

注意：Dart SDK已經在捆綁在Flutter裡了，沒有必要單獨安裝Dart。

運作 flutter doctor

配置完成後，我們可以運作 flutter doctor檢視是否安裝成功：

flutter doctor
           

該指令檢查您的環境并在終端視窗中顯示報告。仔細檢查指令行輸出以擷取可能需要安裝的其他軟體或進一步需要執行的任務（以粗體顯示）。

報告中會顯示運作環境存在的一些問題，比如上圖中，Xcode和Android Studio沒有配置。

接下來我們以Android Studio為例進行配置。

Android Studio配置

1. 安裝Android Studio

首先應該確定已安裝Android Studio，這裡安裝最新版本即可。（支援3.0或更高版本）

2. 安裝Flutter和Dart插件

需要安裝Flutter和Dart插件兩個插件。

• 打開插件首選項：Preferences>Plugins
• 選擇 Browse repositories…, 選擇 Flutter 插件并點選 install。
• 這時Dart插件也會附帶被安裝上。

3. 重新開機Android Studio

插件生效，需要重新開機Android Studio。

好了，我們的Flutter開發環境已經搭建好了，接下來準備開發Flutter應用吧。