前言

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

1. 獲取最新的Flutter SDK

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

git clone -b beta https://github.com/flutter/flutter.git

下載flutter.png

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

export PATH=pwd/flutter/bin:$PATH

設置路徑.png

注意：這里是要在你下載的路徑下面輸入這行代碼

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

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="PATH"
cd ./flutter
flutter doctor

國內鏡像配置.png

繼續在終端運行 flutter doctor

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

flutter doctor

運行成功.png

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

3 安裝Flutter和Dart

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

安裝Flutter插件.png

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

創建Flutter項目.png

4. 創建Flutter 項目

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

新建Flutter.png

安裝過程問題：
在創建的過程中 Create Flutter project這個界面會一直卡主不動。
解決方案：
在等待十分鐘時候，選擇強制退出Android Studio。然后，注意！注意！注意！這個時候，AS已經把Flutter項目創建好了，我們選擇open打開這個flutter項目

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

結語

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

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.junxiaosheng.cn/18160.html