Flutter環(huán)境搭建(MAC)

謹以此文獻給想少走彎路的人捏肢,筆者參考傳送門走了不少彎路

1 配置環(huán)境變量

由于在國內(nèi)訪問Flutter有時可能會受到限制,F(xiàn)lutter官方為中國開發(fā)者搭建了臨時鏡像市咽,大家可以將如下環(huán)境變量加入到用戶環(huán)境變量中:

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

注意: 此鏡像為臨時鏡像,并不能保證一直可用抵蚊,讀者可以參考詳情請參考 Using Flutter in China 以獲得有關(guān)鏡像服務(wù)器的最新動態(tài)施绎。

2 獲取Flutter SDK

首先確定你想把SDK安裝到哪個目錄,在該目錄下創(chuàng)建development目錄,名字可以隨便取贞绳。但是為了跟各方面統(tǒng)一谷醉,建議使用名字development

test:~ 用戶名$ pwd
/Users/[用戶名]
test:~ [用戶名]$ mkdir development

獲取Flutter SDK方法一:

去flutter官網(wǎng)下載其最新可用的安裝包,轉(zhuǎn)到下載頁 冈闭。
注意俱尼,F(xiàn)lutter的渠道版本會不停變動,請以Flutter官網(wǎng)為準萎攒。另外遇八,在中國大陸地區(qū),要想正常獲取安裝包列表或下載安裝包躺酒,可能需要翻墻押蚤,讀者也可以去Flutter github項目下去下載安裝包,轉(zhuǎn)到下載頁羹应。

把下載的安裝包放到該目錄中揽碘,然后使用下邊命令解壓

unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

獲取Flutter SDK方法二:

使用git操作

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

3 添加flutter命令相關(guān)工具到path中:

export PATH=`pwd`/flutter/bin:$PATH

注意:此代碼只能暫時針對當前命令行窗口設(shè)置PATH環(huán)境變量,所以暫時不要關(guān)閉當前命令行窗口园匹。

添加永久環(huán)境變量

  • 1 確定您Flutter SDK的目錄雳刺,您將在步驟4中用到。
  • 2 打開(或創(chuàng)建) $HOME/.bash_profile. 文件路徑和文件名可能在您的機器上不同.
  • 3 添加以下行并更改裸违。
export PUB_HOSTED_URL=https://pub.flutter-io.cn 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
export PATH=/Users/[你的用戶名,注意修改]/development/flutter/bin:$PATH
  • 4 運行命令 source $HOME/.bash_profile 刷新當前終端窗口
  • 5 隨便再打開一個命令行窗口運行flutter命令檢查掖桦,環(huán)境變量是否為全局永久的.有輸出說明生效

例如:

 flutter -h

4 運行 flutter doctor檢查依賴環(huán)境

flutter doctor

第一次運行一個flutter命令(如flutter doctor)時,它會下載它自己的依賴項并自行編譯供汛。以后再運行就會快得多枪汪。

該命令檢查您的環(huán)境并在終端窗口中顯示報告。Dart SDK已經(jīng)在捆綁在Flutter里了怔昨,沒有必要單獨安裝Dart雀久。 仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執(zhí)行的任務(wù)(以粗體顯示)

例如:

gcl:~ [用戶名]$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel master, v1.1.1-pre.2, on Mac OS X 10.13.4 17E199, locale
    zh-Hans-CN)
[!] Android toolchain - develop for Android devices (Android SDK 28.0.3)
    ? Android licenses not accepted.  To resolve this, run: flutter doctor
      --android-licenses
[!] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
    ? Verify that all connected devices have been paired with this computer in
      Xcode.
      If all devices have been paired, libimobiledevice and ideviceinstaller may
      require updating.
      To update with Brew, run:
        brew update
        brew uninstall --ignore-dependencies libimobiledevice
        brew uninstall --ignore-dependencies usbmuxd
        brew install --HEAD usbmuxd
        brew unlink usbmuxd
        brew link usbmuxd
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ! CocoaPods out of date (1.5.0 is recommended).
        CocoaPods is used to retrieve the iOS platform side's plugin code that
        responds to your plugin usage on the Dart side.
        Without resolving iOS dependencies with CocoaPods, plugins will not work
        on iOS.
        For more info, see https://flutter.io/platform-plugins
      To upgrade:
        brew upgrade cocoapods
        pod setup
[?] Android Studio (version 3.2)
    ? Flutter plugin not installed; this adds Flutter specific functionality.
    ? Dart plugin not installed; this adds Dart specific functionality.
[?] VS Code (version 1.30.0)
[?] Connected device (1 available)

! Doctor found issues in 2 categories.

5 安裝調(diào)試命令

1 安裝 homebrew (如果已經(jīng)安裝了brew,跳過此步驟)

2 打開終端并運行這些命令來安裝用于將Flutter應(yīng)用安裝到iOS設(shè)備的工具

brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup

6 安裝Flutter的編輯器

目前Flutter支持的編輯器分別為Android Studio、IntelliJ或VS Code趁舀。
MAC下我還是選擇VS Code赖捌。

6.1 Visual Studio Code (VS Code) 安裝
  • VS Code, 安裝1.20.1或更高版本.
6.2 安裝Flutter插件

1 啟動 VS Code
2 調(diào)用 View>Command Palette…
3 輸入 ‘install’, 然后選擇 Extensions: Install Extension action
4 在搜索框輸入 flutter , 在搜索結(jié)果列表中選擇 ‘Flutter’, 然后點擊 Install
5 選擇 ‘OK’ 重新啟動 VS Code

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市矮烹,隨后出現(xiàn)的幾起案子越庇,更是在濱河造成了極大的恐慌罩锐,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件卤唉,死亡現(xiàn)場離奇詭異涩惑,居然都是意外死亡,警方通過查閱死者的電腦和手機搬味,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門境氢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人碰纬,你說我怎么就攤上這事萍聊。” “怎么了悦析?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵寿桨,是天一觀的道長。 經(jīng)常有香客問我强戴,道長亭螟,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任骑歹,我火速辦了婚禮预烙,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘道媚。我一直安慰自己扁掸,他們只是感情好,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布最域。 她就那樣靜靜地躺著谴分,像睡著了一般。 火紅的嫁衣襯著肌膚如雪镀脂。 梳的紋絲不亂的頭發(fā)上牺蹄,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音薄翅,去河邊找鬼沙兰。 笑死,一個胖子當著我的面吹牛翘魄,可吹牛的內(nèi)容都是我干的鼎天。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼熟丸,長吁一口氣:“原來是場噩夢啊……” “哼训措!你這毒婦竟也來了伪节?” 一聲冷哼從身側(cè)響起光羞,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤绩鸣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后纱兑,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呀闻,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年潜慎,在試婚紗的時候發(fā)現(xiàn)自己被綠了捡多。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡铐炫,死狀恐怖垒手,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情倒信,我是刑警寧澤科贬,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站鳖悠,受9級特大地震影響榜掌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜乘综,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一憎账、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧卡辰,春花似錦胞皱、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至允蚣,卻和暖如春于颖,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背嚷兔。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工森渐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人冒晰。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓同衣,卻偏偏與公主長得像,于是被迫代替她去往敵國和親壶运。 傳聞我的和親對象是個殘疾皇子耐齐,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

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