Flutter-Mac環(huán)境搭建

有關(guān)Flutter的介紹我這里就不多說(shuō)了,可以去Futter中文網(wǎng)去了解呛讲。

Flutter開(kāi)發(fā)個(gè)人建議選擇使用Android Studio 作為開(kāi)發(fā)Flutter的工具,處于對(duì)Google兼容性的考慮(其它也可以用VSCode)喜德。

接下來(lái)直入主題

安裝Flutter

可以直接參考官網(wǎng)逛绵,步驟差不多

更新HomeBrew

Mac下默認(rèn)帶HomeBrew工具包欧引,不過(guò)我們最好在安裝flutter前去更新一下它频伤。

$ brew update

下載Flutter的SDK

  • 首先進(jìn)入官網(wǎng),然后點(diǎn)擊下方所示按鈕

    官網(wǎng)下載

  • 接著按步驟選擇對(duì)應(yīng)系統(tǒng)安裝

    選擇安裝

  • 選擇最新版本壓縮包下載

下載
  • 解壓SDK壓縮包
    這里需要配置安裝路徑

注:Flutter因?yàn)榘吮姸嗝钚泄ぞ咧ゴ耍虼宋覀冃枰渲孟颅h(huán)境變量憋肖,這里建議把Flutter安裝到你平時(shí)放命令行工具程序的地方(個(gè)人習(xí)慣,僅供參考)

配置環(huán)境變量

  • 配置鏡像

因?yàn)镕lutter運(yùn)行時(shí)會(huì)去官方自動(dòng)下載所需資源癌蓖,此時(shí)沒(méi)'fq'的話會(huì)比較慢瞬哼,官方文檔里包含友情提示,告訴中國(guó)的使用者安裝配置鏡像服務(wù)器

友情提示

首先找到Shell的配置文件租副,對(duì)應(yīng)目錄如下:

  • 如果使用的是默認(rèn)的bash:~/.bash_profile
  • 如果使用的是zsh:~/.zshrc
#Flutter 鏡像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  • 配置Flutter環(huán)境變量
    還是在Shell的配置文件中
#Flutter 配置
$ export FLUTTER=/opt/flutter/bin
$ export PATH=$FLUTTER:$PATH

配置完成后載入配置

# 配置文件的路徑
$ source ~/.bash_profile

最后檢測(cè)Flutter是否配置完成

$ flutter doctor
終端顯示

這里有問(wèn)題的話終端也會(huì)明確的指出坐慰,并給你相應(yīng)提示

配置安卓環(huán)境

官網(wǎng)安裝Android Studio

官網(wǎng)

然后繼續(xù)flutter_doctor檢測(cè)并按照提示修改解決問(wèn)題

  • 配置安卓環(huán)境變量
    Shell配置文件中
#安卓
export ANDROID_HOME=~/Library/Android/sdk
#安卓模擬器路徑
export PATH=${PATH}:${ANDROID_HOME}/emulator
#安卓tools路徑
export PATH=${PATH}:${ANDROID_HOME}/tools
#安卓 平臺(tái)工具
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
  • 安裝Android Studio的插件
    在偏好設(shè)置里面
    插件安裝

彈出安裝Dart插件的界面,也要點(diǎn)擊Yes進(jìn)行安裝

安裝完成后重啟Android Studio
可以看到多出了這么一條


啟動(dòng)界面

最后再進(jìn)行 $ flutter doctor 檢測(cè)基本就不會(huì)有問(wèn)題了

  • 配置安卓的模擬器

打開(kāi)AndroidStudio在工具欄上的模擬器管理

配置模擬器

點(diǎn)開(kāi)后選擇創(chuàng)建設(shè)備

創(chuàng)建設(shè)備

選擇設(shè)備


選擇設(shè)備

選擇系統(tǒng)


選擇系統(tǒng)

模擬器名字盡量簡(jiǎn)單用僧,因?yàn)楹笃诳赡軙?huì)用命令啟動(dòng)模擬器

  • 配置虛擬機(jī)加速
    首先進(jìn)入SDK Manager
入口
安裝虛擬機(jī)加速

來(lái)到目錄下

$ ~/Library/Android/sdk/extras/intel/Hardware_Accelerated_Execution_Manager/
安裝程序

查看進(jìn)程

$ kextstat | grep intel

配置iOS環(huán)境

需要匹配Xcode版本(當(dāng)前1.7.8需要xcode10)

檢測(cè)flutter doctor

iOS所需環(huán)境

安裝報(bào)錯(cuò)

報(bào)錯(cuò)

可以去github的issues里面找答案

issues截圖

解決問(wèn)題

$ brew link  pkg-config
$ brew install --HEAD usbmuxd
$ brew unlink usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice 
$ brew install ideviceinstaller

最后再flutter doctor檢測(cè)一下结胀,沒(méi)問(wèn)題了就配置完成!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市责循,隨后出現(xiàn)的幾起案子糟港,更是在濱河造成了極大的恐慌,老刑警劉巖院仿,帶你破解...
    沈念sama閱讀 221,820評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秸抚,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡歹垫,警方通過(guò)查閱死者的電腦和手機(jī)剥汤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)排惨,“玉大人吭敢,你說(shuō)我怎么就攤上這事∧喊牛” “怎么了鹿驼?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,324評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)辕宏。 經(jīng)常有香客問(wèn)我畜晰,道長(zhǎng),這世上最難降的妖魔是什么瑞筐? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,714評(píng)論 1 297
  • 正文 為了忘掉前任舷蟀,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘野宜。我一直安慰自己,他們只是感情好魔策,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布匈子。 她就那樣靜靜地躺著,像睡著了一般闯袒。 火紅的嫁衣襯著肌膚如雪虎敦。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,328評(píng)論 1 310
  • 那天政敢,我揣著相機(jī)與錄音其徙,去河邊找鬼。 笑死喷户,一個(gè)胖子當(dāng)著我的面吹牛唾那,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播褪尝,決...
    沈念sama閱讀 40,897評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼闹获,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了河哑?” 一聲冷哼從身側(cè)響起避诽,我...
    開(kāi)封第一講書(shū)人閱讀 39,804評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎璃谨,沒(méi)想到半個(gè)月后沙庐,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,345評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡佳吞,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評(píng)論 3 340
  • 正文 我和宋清朗相戀三年拱雏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片容达。...
    茶點(diǎn)故事閱讀 40,561評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡古涧,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出花盐,到底是詐尸還是另有隱情羡滑,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評(píng)論 5 350
  • 正文 年R本政府宣布算芯,位于F島的核電站柒昏,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏熙揍。R本人自食惡果不足惜职祷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧有梆,春花似錦是尖、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,417評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至痰催,卻和暖如春兜辞,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背夸溶。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,528評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工逸吵, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缝裁。 一個(gè)月前我還...
    沈念sama閱讀 48,983評(píng)論 3 376
  • 正文 我出身青樓扫皱,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親压语。 傳聞我的和親對(duì)象是個(gè)殘疾皇子啸罢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評(píng)論 2 359

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

  • 1、進(jìn)入官網(wǎng)下載Flutter的sdk胎食,官網(wǎng):https://flutter.dev/docs/developme...
    fanaf閱讀 4,428評(píng)論 0 8
  • 1. 獲取Flutter SDK 解壓安裝包到想要的安裝的目錄 2. 配置環(huán)境變量 3. 測(cè)試環(huán)境 如果看見(jiàn)關(guān)于F...
    小豪丶ace閱讀 215評(píng)論 0 0
  • 前言 本來(lái)我是想越過(guò)這一段的扰才,但是因?yàn)楹芏嗳肆私馍跎伲慵由湘溄?flutter簡(jiǎn)介 環(huán)境搭建 這里主要介紹 Ma...
    AlwaysLight閱讀 600評(píng)論 0 3
  • Flutter Mac 開(kāi)發(fā)環(huán)境搭建1厕怜、下載Flutter SDK2衩匣、使用鏡像和配置環(huán)境變量3、查看Flutter...
    MR_詹閱讀 202評(píng)論 0 0
  • 閨蜜對(duì)我說(shuō)粥航,今晚的文字是不是會(huì)像水開(kāi)了那樣琅捏,翻滾又沸騰呢?期待那么久的夢(mèng)想今天終于實(shí)現(xiàn)了递雀,心情肯定是激動(dòng)又澎湃柄延。 ...
    隨心隨新閱讀 490評(píng)論 0 0