前言

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

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 國內(nèi)因為網(wǎng)絡環(huán)境的原因，大部分會失敗，我們使用下面Google為中國地區(qū)提供的鏡像進行配置

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

國內(nèi)鏡像配置.png

繼續(xù)在終端運行 flutter doctor

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

flutter doctor

運行成功.png

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

3 安裝Flutter和Dart

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

安裝Flutter插件.png

重啟Android Studio之后，F(xiàn)ile->New 中出現(xiàn) New Flutter Project，說明安裝成功

創(chuàng)建Flutter項目.png

4. 創(chuàng)建Flutter 項目

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

新建Flutter.png

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

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

結語

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

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