01-搭建Flutter開發(fā)環(huán)境

1.1. 操作系統(tǒng)選擇

學(xué)習(xí)階段: Windows或者macOS(蘋果操作系統(tǒng))都是可以的

開發(fā)階段: 一般需要使用macOS狡逢,因為我們需要針對iOS進行調(diào)試乾翔,通常方便起見還是選擇macOS

1.2. 安裝Flutter SDK

使用Flutter開發(fā),首先我們需要安裝一個Flutter的SDK途凫。

下載Flutter的SDK

來到Flutter的官網(wǎng)網(wǎng)站倍踪,選擇最新穩(wěn)定的Flutter SDK的版本

  • 網(wǎng)站地址:flutter.dev/docs/develo…
  • 選擇自己的操作系統(tǒng)和最新穩(wěn)定的版本(Stable版本)

安裝Flutter

1.解壓下載好的Flutter SDK

這個在Windows和macOS都是一樣的(選擇一個自己想要安裝的目錄)

flutterSDK目錄

2.配置Flutter的環(huán)境變量

因為我們之后需要在命令行執(zhí)行Flutter的命令匙瘪,所以需要配置環(huán)境變量

macOS或者Linux系統(tǒng),需要編輯~/.bash_profile文件

export PATH=$PATH:/Applications/flutter/bin

Windows用戶將所在路徑添加到環(huán)境變量的Path下

Windows環(huán)境變量修改:點擊計算機圖標 - 屬性 - 高級系統(tǒng)設(shè)置 - 高級 - 環(huán)境變量
找到Path窝撵,在其中添加Flutter SDK目錄下bin目錄

在終端中執(zhí)行flutter --version傀顾,出現(xiàn)如下內(nèi)容,說明安裝flutter成功


flutter--version

配置鏡像

flutter項目會依賴一些東西碌奉,在國內(nèi)下載這些依賴會有一些慢短曾,所以我們可以將它們的安裝源換成國內(nèi)的(也就是設(shè)置國內(nèi)的鏡像)

macOS或者Linux操作系統(tǒng)寒砖,依然是編輯~/.bash_profile文件

export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內(nèi)用戶需要設(shè)置
export PATH= PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

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

注意:PATH_TO_FLUTTER_GIT_DIRECTORY 為你flutter的路徑,比如“~/document/code”

 export PATH= ~/document/code/flutter/bin:$PATH

運行 source $HOME/.bash_profile 刷新當(dāng)前終端窗口.

注意: 如果你使用的是zsh婉徘,終端啟動時 ~/.bash_profile 將不會被加載漠嵌,解決辦法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile

?  ~ cd ~ 
?  ~ open .zshrc
此時打開了 zsh的配置文件盖呼,在最后一行添加 source ~/.bash_profile

此時再次運行 flutter doctor

?  flutterDemo flutter doctor                                        
Downloading Dart SDK from Flutter engine 1ed25ca7b7e3e3e8047df050bba4174074c9b336...
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100 58.6M  100 58.6M    0     0   429k      0  0:02:19  0:02:19 --:--:--  486k
Building flutter tool...
  ╔════════════════════════════════════════════════════════════════════════════╗
  ║ WARNING: your installation of Flutter is 77 days old.                      ║
  ║                                                                            ║
  ║ To update to the latest version, run "flutter upgrade".                    ║
  ╚════════════════════════════════════════════════════════════════════════════╝


Downloading Material fonts...                                2.8s
Downloading package sky_engine...                            1.8s
Downloading common tools...                                 10.7s
Downloading darwin-x64 tools...                             52.1s
Downloading android-arm-profile/darwin-x64 tools...          6.5s
Downloading android-arm-release/darwin-x64 tools...          6.2s
Downloading android-arm64-profile/darwin-x64 tools...        7.3s
Downloading android-arm64-release/darwin-x64 tools...        6.3s
Downloading android-x86 tools...                            29.3s
Downloading android-x64 tools...                            30.0s
Downloading android-arm tools...                            22.3s
Downloading android-arm-profile tools...                    14.5s
Downloading android-arm-release tools...                    11.3s
Downloading android-arm64 tools...                          16.6s
Downloading android-arm64-profile tools...                  14.6s
Downloading android-arm64-release tools...                  12.2s
Downloading ios tools...                                    67.1s
Downloading ios-profile tools...                            103.0s
Downloading ios-release tools...                            51.2s
Downloading Gradle Wrapper...                                0.2s
Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel beta, v0.5.1, on Mac OS X 10.13.4 17E199, locale zh-Hans-CN)
[?] 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.
[!] iOS toolchain - develop for iOS devices (Xcode 9.4.1)
    ? libimobiledevice and ideviceinstaller are not installed. To install, run:
        brew install --HEAD libimobiledevice
        brew install ideviceinstaller
    ? ios-deploy not installed. To install:
        brew install ios-deploy
[?] Android Studio (not installed)
[!] VS Code (version 1.25.1)
[?] Connected devices (2 available)

! Doctor found issues in 4 categories.

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

按照上面的提示挺身,一個一個的解決,最終出現(xiàn)下面的圖就表示全部安裝完成了

最終
?著作權(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é)果婚禮上蛾派,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好洪乍,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布眯杏。 她就那樣靜靜地躺著,像睡著了一般典尾。 火紅的嫁衣襯著肌膚如雪役拴。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天钾埂,我揣著相機與錄音河闰,去河邊找鬼。 笑死褥紫,一個胖子當(dāng)著我的面吹牛姜性,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播髓考,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼部念,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了氨菇?” 一聲冷哼從身側(cè)響起儡炼,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎查蓉,沒想到半個月后乌询,有當(dāng)?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
  • 正文 我出身青樓,卻偏偏與公主長得像拧咳,于是被迫代替她去往敵國和親伯顶。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

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