一.前言
雖然說flutter環(huán)境搭建并不是很復(fù)雜,可能對于新手來說价淌,或者閱讀官方文檔有些吃力的小伙伴來說還是會耽誤點時間的秒咐,本文力求以最小白的視角來記錄踩過的坑漾抬。
二.準(zhǔn)備
我當(dāng)前Mac 系統(tǒng)為 Version:10.14.6 拧额,
Android Studio---Version:3.2.1碑诉,
vscode---Version: 1.44.0,
xcode----Version:11.0
到官網(wǎng)下載flutter sdk:地址
有Windows侥锦,macOS进栽,Linux 三種可選下載可能會花費點時間,我當(dāng)時大概下載了兩個小時恭垦。下載下來是一個壓縮包
三.安裝
1.解壓sdk
壓縮包解壓出來是一個名為flutter的文件夾快毛,我是在電腦根目錄下創(chuàng)建了一個opt文件夾,然后將解壓后的文件放到了opt文件里面番挺,這個純屬個人愛好唠帝,沒有特殊要求。
2.配置環(huán)境變量
因為Flutter 在運行的時候,需要去官方下載所需要的資源.所以我們需要更換鏡像服務(wù)器建芙。具體操作没隘,首先執(zhí)行在電腦根目錄下執(zhí)行vim /.bash_profile 懂扼。記住是根目錄=右蒲!我當(dāng)時就是在flutter和opt文件里面執(zhí)行配置了很多遍一直不成功。(原諒一個iOSer赶熟,對這方面了解太少了)瑰妄。
然后在寫入
export PATH=${PATH}:/Users/wzr/opt/flutter/bin
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
其中第一bin文件路徑,根據(jù)個人而定映砖。
寫好之后 :wq? 保存退出间坐。
此時可能不會直接生效,我是關(guān)閉終端之后邑退,再打開才生效的竹宋。
3.檢測
在終端輸入 flutter doctor,可以檢測環(huán)境安裝情況地技。
我第一次執(zhí)行的時候報了三個錯誤蜈七,好吧一個一個看。
前面兩個是Android studio相關(guān)的莫矗,在Android studio中沒有安裝 flutter和dart插件
好吧飒硅,打開Android studio,在Preference->Plugins中分別搜索dart作谚,F(xiàn)lutter插件下載安裝就好了三娩。
再次在終端輸入flutter doctor,不出意料妹懒,只剩下一個錯誤了
根據(jù)描述可以看到是VS code中的Flutter插件沒有安裝好
打開VS code 雀监,點擊左邊欄倒數(shù)第二個按鈕,搜索Flutter眨唬,選擇第一個安裝滔悉。
再到終端執(zhí)行 flutter doctor,果然单绑,原來的三個問題都解決啦回官。
不過好像還有一個警告÷С龋看下描述原來是Android licenses not accept歉提。
很簡單上面寫了解決辦法 照做就行了
執(zhí)行flutter doctor --android-licenses,中間會有幾個選項区转,都選擇yes就行了
最后在執(zhí)行一遍flutter doctor苔巨,No issues found 波势! 大功告成魏割。
終于可以開始愉快(tong ku)的flutter之旅啦。
(iOSer 表示這算是配過比較復(fù)雜的開發(fā)環(huán)境了正勒,給自己一朵小發(fā)發(fā)??)蜻韭!