Mac安裝Flutter環(huán)境 和 遇到的問題

開始前分享一個(gè)學(xué)習(xí)flutter的網(wǎng)站:Flutter中文網(wǎng)学辱,當(dāng)然這是原網(wǎng)址Flutter官網(wǎng)乘瓤。

1环形、下載SDK

兩個(gè)方法,一是去GitHub上clone:git clone -b beta https://github.com/flutter/flutter.git衙傀,這個(gè)可能有點(diǎn)慢抬吟,我是第二種方法:直接去官網(wǎng)下載,下載完解壓到根目錄统抬,方便后面操作火本。

2、配置環(huán)境變量

2.1配置鏡像

  • 到我們的根目錄下cd ~聪建,這是目錄就是你解壓的目錄钙畔,你是什么目錄就用什么目錄
cd ~
或者
cd /Users/用戶名
  • 然后我們需要打開一個(gè)隱藏文件 .bash_profile,如果打不開看下面2.2金麸、創(chuàng)建.bash_profile文件(如果存在跳過這一步)
open -e .bash_profile
  • 把下面添加進(jìn)去擎析,注意第三條需要是你自己的用戶名,/flutter/便是我解壓的SDK文件
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/你的用戶名/flutter/bin:$PATH
  • 關(guān)閉保存挥下,在輸入命令更新環(huán)境變量
source ~/.bash_profile
  • 最后輸入下命令去驗(yàn)證是否配置成功揍魂,如果成功會打印如下圖信息
flutter -h

??????如果輸入 open -e .bash_profile沒有打開文件,那就是沒有這個(gè)文件见秽,可以在根目錄cd ~下輸入ls -al命令愉烙,查看是否有 .bash_profile。如下:

2.2解取、創(chuàng)建.bash_profile文件(如果存在跳過這一步)
還是在根目錄下(一定要和你解壓的SDK同一目錄)

cd ~
或者
cd /Users/用戶名

創(chuàng)建

touch .bash_profile

這個(gè)時(shí)候已經(jīng)創(chuàng)建完成步责,下面打開它(如果只是查看,直接使用open .bash_profile

open -e .bash_profile

現(xiàn)在已經(jīng)創(chuàng)建完成禀苦,返回到上面的第三步蔓肯。

3、安裝開發(fā)環(huán)境

輸入下面這個(gè)命令振乏,來看還有沒有要安裝的依賴項(xiàng)

flutter doctor

會發(fā)現(xiàn)有好多的?蔗包,VS Code是我之前就安裝好的,這是我們主要說下安裝安卓開發(fā)的Android Studio和蘋果開發(fā)的Xcode慧邮。

3.1调限、配置Android Studio

錯(cuò)誤一

[?] Android toolchain - develop for Android devices
    ? Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.

通過Android Studio官網(wǎng)去下載一下,然后安裝误澳,不會安裝的可以自行百度耻矮。
安裝好SDK后,可以把a(bǔ)ndroid studio關(guān)了忆谓。

  • 再次打開bash_profile
open -e .bash_profile
  • 在bash_profile文件里加上裆装,android SDK目錄,替換為你自己的
export ANDROID_HOME="/Users/用戶名/Library/Android/sdk" //android sdk目錄,替換為你自己的
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
  • 更新配置
source .bash_profile

然后運(yùn)行 flutter doctor哨免,如果出現(xiàn)下面錯(cuò)誤


根據(jù)提示運(yùn)行:flutter doctor --android-licenses茎活,然后根據(jù)提示一直y,y到結(jié)束為止琢唾。

錯(cuò)誤二

[?] Android Studio (version 3.4)
    ? Flutter plugin not installed; this adds Flutter specific functionality.
    ? Dart plugin not installed; this adds Dart specific functionality.

Android Studio里還少了兩個(gè)插件Flutter和Dart载荔,打開AS

  • 點(diǎn)擊preferences


  • Plugins下搜索flutter


  • install安裝后OK,然后會有彈窗提示要安裝dart慧耍,同意身辨。等安裝好后重啟andriod studio丐谋。

到目前為止Android Studio已經(jīng)配置完成芍碧!

3.2、配置Xcode
去AppStore上下載即可号俐,這里主要解決命令行的報(bào)錯(cuò)

[!] iOS toolchain - develop for iOS devices
    ? libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:
        brew update
        brew install --HEAD usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ? ios-deploy not installed. To install:
        brew install ios-deploy

這個(gè)就好處理了泌豆,一般是都是版本問題,按照他給的提示依次輸入命令:

brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller

可能會安裝失敗吏饿,一般都是網(wǎng)路問題踪危。

最后再次執(zhí)行doctor

flutter doctor

到現(xiàn)在doctor上的錯(cuò)誤全部解決,可以完美的開始開發(fā)了猪落!

最后

上述已經(jīng)完美的配置好了Flutter的所有環(huán)境贞远,當(dāng)然作為一個(gè)優(yōu)秀的開發(fā)者,為了方便開發(fā)最好配置下VS Code編譯器笨忌!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蓝仲,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子官疲,更是在濱河造成了極大的恐慌袱结,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件途凫,死亡現(xiàn)場離奇詭異垢夹,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)维费,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進(jìn)店門果元,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人犀盟,你說我怎么就攤上這事而晒。” “怎么了且蓬?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵欣硼,是天一觀的道長。 經(jīng)常有香客問我,道長诈胜,這世上最難降的妖魔是什么豹障? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮焦匈,結(jié)果婚禮上血公,老公的妹妹穿的比我還像新娘。我一直安慰自己缓熟,他們只是感情好累魔,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著够滑,像睡著了一般垦写。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上彰触,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天梯投,我揣著相機(jī)與錄音,去河邊找鬼况毅。 笑死分蓖,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的尔许。 我是一名探鬼主播么鹤,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼味廊!你這毒婦竟也來了蒸甜?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤毡们,失蹤者是張志新(化名)和其女友劉穎迅皇,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體衙熔,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡登颓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了红氯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片框咙。...
    茶點(diǎn)故事閱讀 38,117評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖痢甘,靈堂內(nèi)的尸體忽然破棺而出喇嘱,到底是詐尸還是另有隱情,我是刑警寧澤塞栅,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布者铜,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏作烟。R本人自食惡果不足惜愉粤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望拿撩。 院中可真熱鬧衣厘,春花似錦、人聲如沸压恒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽探赫。三九已至型宙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間期吓,已是汗流浹背早歇。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留讨勤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓晨另,卻偏偏與公主長得像潭千,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子借尿,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 14年9月25日刨晴,參加佳兆業(yè)在嶺南學(xué)院的專屬宣講會投遞了簡歷,當(dāng)時(shí)的意思是只要投遞簡歷就能收到筆試通知路翻,但在開始筆...
    月光的微笑閱讀 4,673評論 1 1
  • 《財(cái)富自由之路》——635字 請問你的夢想是什么? --成為有錢人茂契。 怎樣才算是有錢人呢? --嗯...存款100...
    5096小妖狐閱讀 517評論 2 1
  • 要事第一掉冶。首先完成自學(xué)任務(wù)真竖。畫的好難看。 玫瑰之前先畫旗子練習(xí)一下厌小。 有沒有一點(diǎn)像玫瑰呢恢共?反正我畫著挺開心的,而且...
    了凡耕讀閱讀 168評論 0 1
  • 1璧亚、本次微課以PPT+語音直播的形式進(jìn)行讨韭。 2、點(diǎn)擊左下角關(guān)注直播間,后續(xù)有新課會收到通知透硝。 3吉嚣、點(diǎn)擊右上角......
    墨黛渲染閱讀 1,128評論 0 1
  • 其實(shí)做事就能看出一個(gè)人的秉性尝哆。是嚴(yán)謹(jǐn)?shù)倪€是懶散的!是激情的還是頹廢的甜攀。是開心的還是痛苦的秋泄?是喜歡的還是討厭的?等等...
    小崔德贏閱讀 1,324評論 0 0