一.前言
雖然說flutter環(huán)境搭建并不是很復(fù)雜,可能對(duì)于新手來說,或者閱讀官方文檔有些吃力的小伙伴來說還是會(huì)耽誤點(diǎn)時(shí)間的,本文力求以最小白的視角來記錄踩過的坑。
二.準(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 三種可選下載可能會(huì)花費(fèi)點(diǎn)時(shí)間,我當(dāng)時(shí)大概下載了兩個(gè)小時(shí)。下載下來是一個(gè)壓縮包

三.安裝
1.解壓sdk
壓縮包解壓出來是一個(gè)名為flutter的文件夾,我是在電腦根目錄下創(chuàng)建了一個(gè)opt文件夾,然后將解壓后的文件放到了opt文件里面,這個(gè)純屬個(gè)人愛好,沒有特殊要求。

2.配置環(huán)境變量
因?yàn)镕lutter 在運(yùn)行的時(shí)候,需要去官方下載所需要的資源.所以我們需要更換鏡像服務(wù)器。具體操作,首先執(zhí)行在電腦根目錄下執(zhí)行vim /.bash_profile 。記住是根目錄??!我當(dāng)時(shí)就是在flutter和opt文件里面執(zhí)行配置了很多遍一直不成功。(原諒一個(gè)iOSer,對(duì)這方面了解太少了)。
然后在寫入
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ù)個(gè)人而定。

寫好之后 :wq? 保存退出。
此時(shí)可能不會(huì)直接生效,我是關(guān)閉終端之后,再打開才生效的。
3.檢測(cè)
在終端輸入 flutter doctor,可以檢測(cè)環(huán)境安裝情況。
我第一次執(zhí)行的時(shí)候報(bào)了三個(gè)錯(cuò)誤,好吧一個(gè)一個(gè)看。
前面兩個(gè)是Android studio相關(guān)的,在Android studio中沒有安裝 flutter和dart插件

好吧,打開Android studio,在Preference->Plugins中分別搜索dart,F(xiàn)lutter插件下載安裝就好了。

再次在終端輸入flutter doctor,不出意料,只剩下一個(gè)錯(cuò)誤了

根據(jù)描述可以看到是VS code中的Flutter插件沒有安裝好
打開VS code ,點(diǎn)擊左邊欄倒數(shù)第二個(gè)按鈕,搜索Flutter,選擇第一個(gè)安裝。

再到終端執(zhí)行 flutter doctor,果然,原來的三個(gè)問題都解決啦。
不過好像還有一個(gè)警告??聪旅枋鲈瓉硎茿ndroid licenses not accept。
很簡(jiǎn)單上面寫了解決辦法 照做就行了

執(zhí)行flutter doctor --android-licenses,中間會(huì)有幾個(gè)選項(xiàng),都選擇yes就行了

最后在執(zhí)行一遍flutter doctor,No issues found ! 大功告成。
終于可以開始愉快(tong ku)的flutter之旅啦。
(iOSer 表示這算是配過比較復(fù)雜的開發(fā)環(huán)境了,給自己一朵小發(fā)發(fā)??)!
