前言
各位老鐵堤撵,上周末參加了深圳的GDG,在大會上騰訊的小哥哥接過Google在I/O大會上的接力棒羽莺,繼續(xù)騙我們學習Flutter实昨。于是,我被洗腦了盐固。Ozo......今天就記錄一下Mac環(huán)境下安裝配置Flutter環(huán)境的操作步驟荒给。歡迎大家一起入坑U尚!
1. 獲取最新的Flutter SDK
注意:記住這里下載flutter的地址志电,后面會使用
git clone -b beta https://github.com/flutter/flutter.git
2. 進入到Flutter保存的目錄下面
export PATH=
pwd
/flutter/bin:$PATH
注意:這里是要在你下載的路徑下面輸入這行代碼
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
繼續(xù)在終端運行 flutter doctor
運行下面的命令檢查一下是否需要安裝依賴項挑辆,完成安裝
flutter doctor
在第一次運行這個命令的時候例朱,會自動下載安裝flutter所需要的相關依賴項。如果部分安裝失敗鱼蝉,根據(jù)失敗項的提示進行安裝洒嗤。
3 安裝Flutter和Dart
我就用Android Studio作為示例,打開Preferences面板蚀乔,在Plugins中搜索Flutter烁竭,install,安裝時自動安裝Dart吉挣,安裝完成后重啟AndroidStudio
重啟Android Studio之后派撕,F(xiàn)ile->New 中出現(xiàn) New Flutter Project,說明安裝成功
4. 創(chuàng)建Flutter 項目
File -> New -> New Flutter Project睬魂,選擇Flutter Application -> Next,這里注意 Flutter SDK的路徑是否正確终吼。這里的SDK路徑就是步驟一中下載flutter的路徑。
安裝過程問題:
在創(chuàng)建的過程中 Create Flutter project這個界面會一直卡主不動氯哮。
解決方案:
在等待十分鐘時候际跪,選擇強制退出Android Studio。然后喉钢,注意姆打!注意!注意肠虽!這個時候幔戏,AS已經(jīng)把Flutter項目創(chuàng)建好了,我們選擇open打開這個flutter項目
然后税课,我們打開File -> Settings -> Languages & Frameworks ->Flutter闲延,在圖中所示位置選擇步驟一中的SDK路徑,然后重新編譯一下就OK了韩玩。
結(jié)語
好了垒玲,mac上配置flutter的步驟記錄完了。有不懂的地方找颓,歡迎各位老鐵留言合愈。同時,騙大家學習一波flutter。