Mac下flutter環(huán)境搭建

因?yàn)間ithub拉取安裝包比較慢,所以也走了一點(diǎn)兒彎路。
因?yàn)閷?duì)Lunix操作命令和環(huán)境變量等不太熟悉,走了一點(diǎn)兒彎路。
步驟一:從github上拉取flutter文件夾

https://github.com/flutter/flutter.git

如果覺(jué)得自己本地從github進(jìn)行clone代碼很快,那么可以使用

cd Users/macbookpro/
git clone  https://github.com/flutter/flutter.git

兩行命令拉取代碼,注意上面的路徑,我本地Users/后面跟的是macbookpro,這里你要改成自己的來(lái)操作。

如果覺(jué)得自己從github進(jìn)行代碼拉取很慢(我的8k/s的速度),那下面走個(gè)彎路。

先去碼云創(chuàng)建一個(gè)倉(cāng)庫(kù),倉(cāng)庫(kù)創(chuàng)建時(shí)候選擇從其他地址導(dǎo)入倉(cāng)庫(kù),將

https://github.com/flutter/flutter.git導(dǎo)入之后稍等幾十秒就會(huì)成功。

這時(shí)候新建的這個(gè)倉(cāng)庫(kù)會(huì)有一個(gè)git地址,我的地址是https://gitee.com/xgkp/flutter.git

這時(shí)候開(kāi)始執(zhí)行正確的步驟:(注意這里將你的名字把macbookpro替換掉)

cd Users/macbookpro/

注意這里替換成你自己的碼云git地址,這樣你才有權(quán)限拉取代碼

git clone  https://gitee.com/xgkp/flutter.git

接下來(lái)估計(jì)幾分鐘代碼就拉取結(jié)束了。

在程序塢里面找到Finder


屏幕快照 2020-08-01 下午4.57.06.png

右鍵,前往文件夾

輸入地址(前面你克隆代碼的地址)


屏幕快照 2020-08-01 下午4.58.00.png

點(diǎn)擊前往

屏幕快照 2020-08-01 下午4.58.44.png

如圖所示,有一個(gè)叫flutter的文件夾。

命令行cd 到這個(gè)文件夾目錄下

git remote -v

會(huì)顯示當(dāng)前的git地址

接下來(lái)進(jìn)行一步修改遠(yuǎn)程地址的操作

git remote set-url origin https://github.com/flutter/flutter.git

這樣下載步驟就算結(jié)束。

步驟二:配置所謂的鏡像和環(huán)境變量

配置前的準(zhǔn)備:

先看下上一步操作之后的flutter文件夾,里面有一個(gè)bin文件夾

從命令行里面CD一下這個(gè)文件夾,會(huì)獲取到這個(gè)bin文件夾的路徑

我這里操作之后是

屏幕快照 2020-08-01 下午5.04.45.png

記得復(fù)制出來(lái)這個(gè)地址備用

/Users/macbookpro/flutter/bin

接下來(lái)在命令行操作以下步驟:

vi $HOME/.bash_profile

這樣會(huì)打開(kāi)一個(gè)配置文件

鍵盤(pán)輸入i字母,進(jìn)入編輯模式,

先復(fù)制以下兩行粘貼進(jìn)去

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

最后再根據(jù)上一步準(zhǔn)備好的路徑制作一條新的字符串

export PATH=/Users/macbookpro/flutter/bin:$PATH

這條字符串生成也是一個(gè)路徑配置,從=后面:前面替換成前面CD到bin文件夾的路徑就可以了。

也就是說(shuō)最后這個(gè)文件添加了三條字符串

如圖

屏幕快照 2020-08-01 下午5.10.39.png

鍵盤(pán)點(diǎn)擊ESC

輸入:wq

命令行再輸入

source ~/.bash_profile

然后再在命令行輸入flutter doctor,等待配成成功。

步驟二:AndroidStudio安裝

上一步執(zhí)行了flutter doctor之后,各種不行的提示,包含了一個(gè)AndroidStudio未安裝。

下載AndroidStudio

下載地址:https://developer.android.google.cn/studio

貌似這個(gè)相對(duì)來(lái)講下載的很快

安裝的時(shí)候各種下一步,隨便選,其中有一個(gè)是選cancel,無(wú)傷大雅。
要是不放心可以參看這篇博客來(lái)安裝http://www.itdecent.cn/p/d6421d2d62df

安裝完了之后,命令行直接執(zhí)行一次flutter doctor

這次提示AndroidStudio安裝了,但是有提示安裝的AndroidStudio沒(méi)有Dart和Flutter插件。

插件是這個(gè)單詞,plug 或者是plugs.

這時(shí)候打開(kāi)AndroidStudio,-Preserence -plugins-(type/TO see options)
搜索Dart 然后install ,搜索flutter 然后install
最后重啟下AndroidStudio使插件生效。

這時(shí)候命令行再執(zhí)行一次flutter doctor

還是提示有錯(cuò)誤,錯(cuò)誤提示中包含讓我執(zhí)行下面的命令來(lái)修復(fù)

flutter doctor --android-licenses

我執(zhí)行了,但是沒(méi)什么用,這里要是有用接下來(lái)會(huì)提示各種y/N?
每個(gè)都輸入y就可以了。

我這里之前貌似安裝了jdk的最新版本,但是網(wǎng)上搜出的答案是flutter不支持java9。解決方案:

命令行執(zhí)行

/usr/libexec/java_home -V

提示本機(jī)安裝了兩個(gè)jdk,版本分別是jdk-14.0.1和jdk1.8.0_251,而最后一行代表的是當(dāng)前默認(rèn)使用的jdk路徑。


屏幕快照 2020-08-03 上午9.01.05.png

這里需要做的是將jdk1.0.0的路徑復(fù)制出來(lái),備用/Library/Java/JavaVirtualMachines/jdk1.8.0_251.jdk/Contents/Home

直接看操作:
命令行執(zhí)行

vi $HOME/.bash_profile

再打開(kāi)的文件中添加這么一行

export JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_251.jdk/Contents/Home"

注意這里后面的路徑是你上一步復(fù)制出來(lái)備用的

保存關(guān)閉文件之后,在命令行里面輸入

source ~/.bash_profile

然后再重新執(zhí)行flutter doctor命令

這時(shí)候報(bào)錯(cuò)提示中包含了flutter doctor --android-licenses

命令行在再執(zhí)行

flutter doctor --android-licenses

這次就可以一路的y/N?

一路輸入y,即可完成所有的flutter的環(huán)境搭建。

最后成功的圖示。


屏幕快照 2020-08-03 上午9.07.49.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容