flutter環(huán)境安裝

鑒于網(wǎng)上教程多自帶坑和地雷,不得不自己寫一個來記錄安裝過程以免日后忘記。閑話少敘,開始。

windows環(huán)境

首先必須安裝git客戶端,因為flutter doctor依賴git而且要求flutter項目必須是從git上檢出的,如果直接下載zip恐怕得做一系列很麻煩的配置,所以為了避免麻煩,我們還是老老實實的安裝git檢出吧。
安裝完git之后,執(zhí)行以下命令檢出flutter

git clone -b stable https://github.com/flutter/flutter.git

之后我們需要檢查一下windows系統(tǒng)里的powershell版本,在開始菜單里搜索powershell,然后在打開的窗口里輸入$host,結(jié)果如下:

powershell

可以看到,version后面注明了版本號,這里我是之前升級過的,win7自帶的powershell版本是2,而flutter要求版本5以上,所以我們需要去微軟官方下載升級包,地址:https://www.microsoft.com/en-us/download/details.aspx?id=54616
點擊下載后,選擇我們需要的版本:
選擇下載版本

這里版本號寫的很清楚,64和32位的區(qū)別大家都知道,我根據(jù)我的機器選擇win7 64位版本,下載安裝后,重啟電腦,powershell就更新完畢了。
下完這個之后,可以配置兩個環(huán)境變量,他們的作用其實是指定一個國內(nèi)鏡像服務器,可以加快下載速度:

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

當然,上面這種語法在windows下不可行,去系統(tǒng)設置里按套路添加一下即可。

然后執(zhí)行flutter doctor,它會檢查你操作系統(tǒng)中開發(fā)flutter的必要條件,不出意外的話,只會提示插件沒安裝(畢竟我們不可能沒安裝AndroidStudio。。)。那我們接下來就要去AndroidStudio下安裝dart和flutter插件,在菜單里依次選擇File>Settings>plugins,搜索dart,點擊下面的browse repository。
這個時候你有一定概率極為蛋疼的發(fā)現(xiàn),列表是空的,搜不到,怎么辦呢,雖然也可以手動在網(wǎng)上下載再選擇從本地磁盤安裝,但是繞過這個問題總讓我不太舒服。解決方案還是百度,然后一個一個試。。。
最后發(fā)現(xiàn),這是AndroidStudio的bug,在C:\Users\Administrator.AndroidStudio3.1文件夾下缺失了plugins文件夾,而這里的availables.xml是初始化插件列表的必要東東。這就好辦了,網(wǎng)上搜索一個,下載下來。然后發(fā)現(xiàn)已經(jīng)可以搜索到dart和flutter插件了。依次安裝他們,然后重啟androidstudio。
重啟之后,就可以愉快地創(chuàng)建flutter項目了:


成果

macos

Mac系統(tǒng)自帶git不用再安裝了,直接執(zhí)行:

git clone -b stable https://github.com/flutter/flutter.git

然后把flutter的bin目錄設置進path,命令如下:

export PATH=/Users/用戶名/Documents/flutter/flutter/bin:$PATH

之后執(zhí)行flutter doctor診斷開發(fā)環(huán)境,第一次運行會下載一些依賴所以比較慢,最后一步是Androidstudio安裝dart和flutter插件,整個過程根windows都一樣,唯一不同的是mac版Android studio的設置名字叫prefence,這也算入鄉(xiāng)隨俗了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

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