Mac安裝配置Flutter環境

摘要： 前言 各位老鐵，上週末參加了深圳的GDG，在大會上騰訊的小哥哥接過Google在I/O大會上的接力棒，繼續騙我們學習Flutter。於是，我被洗腦了。Ozo......今天就記錄一下Mac環境下安裝配置Flutter環境的操作步驟。歡迎大家一起入坑！！ 1. 獲取最新的Flutter ...

前言

各位老鐵，上週末參加了深圳的GDG，在大會上騰訊的小哥哥接過Google在I/O大會上的接力棒，繼續騙我們學習Flutter。於是，我被洗腦了。Ozo......今天就記錄一下Mac環境下安裝配置Flutter環境的操作步驟。歡迎大家一起入坑！！

1. 獲取最新的Flutter SDK

注意：記住這裡下載flutter的地址，後面會使用

git clone -b beta ofollow,noindex">https://github.com/flutter/flutter.git

2. 進入到Flutter儲存的目錄下面

export PATH= pwd /flutter/bin:$PATH

注意：這裡是要在你下載的路徑下面輸入這行程式碼

2.1 國內因為網路環境的原因，大部分會失敗，我們使用下面Google為中國地區提供的映象進行配置

繼續在終端執行 flutter doctor

執行下面的命令檢查一下是否需要安裝依賴項，完成安裝

flutter doctor

在第一次執行這個命令的時候，會自動下載安裝flutter所需要的相關依賴項。如果部分安裝失敗，根據失敗項的提示進行安裝。

3 安裝Flutter和Dart

我就用Android+Studio/">Android Studio作為示例，開啟Preferences面板，在Plugins中搜索Flutter，install，安裝時自動安裝Dart，安裝完成後重啟AndroidStudio

重啟Android Studio之後，File->New 中出現 New Flutter Project，說明安裝成功

4. 建立Flutter 專案

File -> New -> New Flutter Project，選擇Flutter Application -> Next,這裡注意 Flutter SDK的路徑是否正確。這裡的SDK路徑就是步驟一中下載flutter的路徑。

安裝過程問題：

在建立的過程中 Create Flutter project這個介面會一直卡主不動。

解決方案：

在等待十分鐘時候，選擇強制退出Android Studio。然後，注意！注意！注意！這個時候，AS已經把Flutter專案建立好了，我們選擇open開啟這個flutter專案

然後，我們開啟File -> Settings -> Languages & Frameworks ->Flutter，在圖中所示位置選擇步驟一中的SDK路徑，然後重新編譯一下就OK了。

結語

好了，mac上配置flutter的步驟記錄完了。有不懂的地方，歡迎各位老鐵留言。同時，騙大家學習一波flutter。