一掷豺、Flutter開發(fā)環(huán)境搭建

1.0.0 安裝Flutter

由于Flutter會同時構(gòu)建Android和IOS兩個平臺的發(fā)布包,所以Flutter同時依賴Android SDK和iOS SDK吠卷,在安裝Flutter時也需要安裝相應(yīng)平臺的構(gòu)建工具和SDK。下面我們分別介紹一下Windows和macOS下的環(huán)境搭建沦零。

注意:本節(jié)介紹的安裝方式隨著Flutter的升級可能會發(fā)生變化祭隔,如果下面介紹的內(nèi)容在您安裝Flutter時已經(jīng)失效,請訪問Flutter官網(wǎng)路操,按照官網(wǎng)最新的安裝教程安裝疾渴。

使用鏡像

由于在國內(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

注意: 此鏡像為臨時鏡像搞坝,并不能保證一直可用,讀者可以參考https://flutter.io/community/china 以獲得有關(guān)鏡像服務(wù)器的最新動態(tài)魁袜。

在Windows上搭建Flutter開發(fā)環(huán)境

系統(tǒng)要求

要安裝并運行Flutter桩撮,您的開發(fā)環(huán)境必須滿足以下最低要求:

  • 操作系統(tǒng): Windows 7 或更高版本 (64-bit)

  • 磁盤空間: 400 MB (不包括Android Studio的磁盤空間).

  • 工具: Flutter 依賴下面這些命令行工具.

    如果已安裝Git for Windows慌核,請確本嗑常可以在命令提示符或PowerShell中運行 git 命令

獲取Flutter SDK

  1. 去flutter官網(wǎng)下載其最新可用的安裝包申尼,下載地址:https://flutter.dev/docs/development/tools/sdk/releases 垮卓,打開后如圖1-2所示:

    圖1-2

注意,F(xiàn)lutter的渠道版本會不停變動师幕,請以Flutter官網(wǎng)為準粟按。另外,在中國大陸地區(qū)霹粥,要想正常獲取安裝包列表或下載安裝包灭将,可能需要翻墻,讀者也可以去Flutter github項目下去下載安裝包后控,地址:https://github.com/flutter/flutter/releases 庙曙。

  1. 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter;注意浩淘,不要將flutter安裝到需要一些高權(quán)限的路徑如C:\Program Files\)捌朴。

  2. 在Flutter安裝目錄的flutter文件下找到flutter_console.bat吴攒,雙擊運行并啟動flutter命令行,接下來砂蔽,你就可以在Flutter命令行運行flutter命令了洼怔。

更新環(huán)境變量

如果你想在Windows系統(tǒng)自帶命令行(而不是)運行flutter命令,需要添加以下環(huán)境變量到用戶PATH:

  • 轉(zhuǎn)到 “控制面板>用戶帳戶>用戶帳戶>更改我的環(huán)境變量”
  • 在“用戶變量”下檢查是否有名為“Path”的條目:
    • 如果該條目存在左驾, 追加 flutter\bin的全路徑镣隶,使用 ; 作為分隔符.
    • 如果該條目不存在,創(chuàng)建一個新用戶變量 Path 诡右,然后將 flutter\bin 的全路徑作為它的值.

重啟Windows以應(yīng)用此更改.

運行 flutter doctor命令

在Flutter命令行運行如下命令來查看是否還需要安裝其它依賴安岂,如果需要,安裝它們:

flutter doctor

該命令檢查你的環(huán)境并在命令行窗口中顯示報告帆吻。Dart SDK已經(jīng)在打包在Flutter SDK里了嗜闻,沒有必要單獨安裝Dart。 仔細檢查命令行輸出以獲取可能需要安裝的其他軟件或進一步需要執(zhí)行的任務(wù)桅锄。

例如:

[-] Android toolchain - develop for Android devices
    ? Android SDK at D:\Android\sdk
    ? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    ? Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

第一次運行flutter命令(如flutter doctor)時琉雳,它會下載它自己的依賴項并自行編譯。以后再運行就會快得多友瘤。缺失的依賴需要安裝一下翠肘,安裝完成后再運行flutter doctor命令來驗證是否安裝成功。

Android設(shè)置

Flutter依賴于Android Studio的全量安裝辫秧。Android Studio不僅可以管理Android 平臺依賴束倍、SDK版本等,而且它也是Flutter開發(fā)推薦的IDE之一(當然盟戏,你也可以使用其它編輯器或IDE绪妹,我們將會在后面討論)。

安裝Android Studio
  1. 下載并安裝 Android Studio柿究,下載地址:https://developer.android.com/studio/index.html 邮旷。
  2. 啟動Android Studio,然后執(zhí)行“Android Studio安裝向?qū)А庇_@將安裝最新的Android SDK婶肩、Android SDK平臺工具和Android SDK構(gòu)建工具,這些是用Flutter進行Android開發(fā)所需要的貌夕。

安裝遇到問題律歼?

如果在安裝過程中遇到問題,可以先去flutter官網(wǎng)查看一下安裝方式是否發(fā)生變化啡专,或者在網(wǎng)上搜索一下解決方案险毁。

在macOS上搭建Flutter開發(fā)環(huán)境

在masOS下可以同時進行Android和iOS設(shè)備的測試。

系統(tǒng)要求

要安裝并運行Flutter,您的開發(fā)環(huán)境必須滿足以下最低要求:

  • 操作系統(tǒng): macOS (64-bit)
  • 磁盤空間: 700 MB (不包括Xcode或Android Studio的磁盤空間).
  • 工具: Flutter 依賴下面這些命令行工具.
    • bash畔况、mkdir离唐、rm、git问窃、curl亥鬓、unzip、which

獲取Flutter SDK

  1. 去flutter官網(wǎng)下載其最新可用的安裝包域庇,官網(wǎng)地址:https://flutter.io/sdk-archive/#macos

    注意嵌戈,F(xiàn)lutter的渠道版本會不停變動,請以Flutter官網(wǎng)為準听皿。另外熟呛,在中國大陸地區(qū),要想正常獲取安裝包列表或下載安裝包尉姨,可能需要翻墻庵朝,讀者也可以去Flutter github項目下去下載安裝包,地址:https://github.com/flutter/flutter/releases 又厉。

  2. 解壓安裝包到你想安裝的目錄九府,如:

    cd ~/development
    unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
    
  3. 添加flutter相關(guān)工具到path中:

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

    此代碼只能暫時針對當前命令行窗口設(shè)置PATH環(huán)境變量,要想永久將Flutter添加到PATH中請參考下面更新環(huán)境變量 部分覆致。

運行 flutter doctor命令

這一步和Windows下步驟一致侄旬,不再贅述。

更新環(huán)境變量

將Flutter添加到PATH中煌妈,可以在任何終端會話中運行flutter命令儡羔。

對于所有終端會話永久修改此變量的步驟是和特定計算機系統(tǒng)相關(guān)的。通常璧诵,您會在打開新窗口時將設(shè)置環(huán)境變量的命令添加到執(zhí)行的文件中汰蜘。例如

  1. 確定您Flutter SDK的目錄記為“FLUTTER_INSTALL_PATH”,您將在步驟3中用到之宿。

  2. 打開(或創(chuàng)建) $HOME/.bash_profile族操。文件路徑和文件名可能在你的電腦上不同.

  3. 添加以下路徑:

    export PATH=[FLUTTER_INSTALL_PATH]/flutter/bin:$PATH
    

    例如筆者Flutter 安裝目錄是“~/code/flutter_dir”,那么代碼為:

    export PATH=~/code/flutter_dir/flutter/bin:$PATH
    
  4. 運行 source $HOME/.bash_profile 刷新當前終端窗口澈缺。

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

  5. 驗證“flutter/bin”是否已在PATH中:

    echo $PATH
    

安裝 Xcode

要為iOS開發(fā)Flutter應(yīng)用程序,您需要Xcode 9.0或更高版本:

  1. 安裝Xcode 9.0或更新版本(通過鏈接下載蘋果應(yīng)用商店).
  2. 配置Xcode命令行工具以使用新安裝的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 對于大多數(shù)情況柠掂,當您想要使用最新版本的Xcode時项滑,這是正確的路徑。如果您需要使用不同的版本涯贞,請指定相應(yīng)路徑枪狂。
  3. 確保Xcode許可協(xié)議是通過打開一次Xcode或通過命令sudo xcodebuild -license同意過了.

使用Xcode危喉,您可以在iOS設(shè)備或模擬器上運行Flutter應(yīng)用程序。

安裝Android Studio

和Window一樣州疾,要在Android設(shè)備上構(gòu)建并運行Flutter程序都需要先安裝Android Studio辜限,讀者可以先自行下載并安裝Android Studio,在此不再贅述严蓖。

升級 Flutter

Flutter SDK分支

Flutter SDK有多個分支薄嫡,如beta、dev颗胡、master毫深、stable,其中stable分支為穩(wěn)定分支(日后有新的穩(wěn)定版本發(fā)布后可能也會有新的穩(wěn)定分支毒姨,如1.0.0)哑蔫,dev和master為開發(fā)分支,安裝flutter后弧呐,你可以運行flutter channel查看所有分支闸迷,如筆者本地運行后,結(jié)果如下:

Flutter channels:
  beta
  dev
* master

帶"*"號的分支即你本地的Flutter SDK 跟蹤的分支俘枫,要切換分支稿黍,可以使用flutter channel betaflutter channel master,F(xiàn)lutter官方建議跟蹤穩(wěn)定分支崩哩,但你也可以跟蹤master分支巡球,這樣可以查看最新的變化,但這樣穩(wěn)定性要低的多邓嘹。

升級Flutter SDK和依賴包

要升級flutter sdk酣栈,只需一句命令:

flutter upgrade

該命令會同時更新Flutter SDK和你的flutter項目依賴包。如果你只想更新項目依賴包(不包括Flutter SDK)汹押,可以使用如下命令:

  • flutter packages get獲取項目所有的依賴包矿筝。
  • flutter packages upgrade 獲取項目所有依賴包的最新版本。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末棚贾,一起剝皮案震驚了整個濱河市窖维,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌妙痹,老刑警劉巖铸史,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異怯伊,居然都是意外死亡琳轿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來崭篡,“玉大人挪哄,你說我怎么就攤上這事×鹕粒” “怎么了迹炼?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長颠毙。 經(jīng)常有香客問我斯入,道長,這世上最難降的妖魔是什么吟秩? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任咱扣,我火速辦了婚禮,結(jié)果婚禮上涵防,老公的妹妹穿的比我還像新娘闹伪。我一直安慰自己,他們只是感情好壮池,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布偏瓤。 她就那樣靜靜地躺著,像睡著了一般椰憋。 火紅的嫁衣襯著肌膚如雪厅克。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天橙依,我揣著相機與錄音证舟,去河邊找鬼。 笑死窗骑,一個胖子當著我的面吹牛女责,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播创译,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼抵知,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了软族?” 一聲冷哼從身側(cè)響起刷喜,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎立砸,沒想到半個月后掖疮,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡仰禽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年氮墨,在試婚紗的時候發(fā)現(xiàn)自己被綠了纺蛆。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吐葵。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡规揪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出温峭,到底是詐尸還是另有隱情猛铅,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布凤藏,位于F島的核電站奸忽,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏揖庄。R本人自食惡果不足惜栗菜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蹄梢。 院中可真熱鬧疙筹,春花似錦、人聲如沸禁炒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽幕袱。三九已至暴备,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間们豌,已是汗流浹背涯捻。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留望迎,地道東北人障癌。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像擂煞,于是被迫代替她去往敵國和親混弥。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

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