一、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)失效，請?jiān)L問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)要求

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

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

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

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

    如果已安裝Git for Windows，請確保可以在命令提示符或PowerShell中運(yùn)行 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)為準(zhǔn)。另外，在中國大陸地區(qū)，要想正常獲取安裝包列表或下載安裝包，可能需要翻墻，讀者也可以去Flutter github項(xiàng)目下去下載安裝包，地址：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，雙擊運(yùn)行并啟動flutter命令行，接下來，你就可以在Flutter命令行運(yùn)行flutter命令了。

更新環(huán)境變量

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

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

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

運(yùn)行 flutter doctor命令

在Flutter命令行運(yùn)行如下命令來查看是否還需要安裝其它依賴，如果需要，安裝它們：

flutter doctor

該命令檢查你的環(huán)境并在命令行窗口中顯示報(bào)告。Dart SDK已經(jīng)在打包在Flutter SDK里了，沒有必要單獨(dú)安裝Dart。 仔細(xì)檢查命令行輸出以獲取可能需要安裝的其他軟件或進(jìn)一步需要執(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.

第一次運(yùn)行flutter命令（如flutter doctor）時，它會下載它自己的依賴項(xiàng)并自行編譯。以后再運(yùn)行就會快得多。缺失的依賴需要安裝一下，安裝完成后再運(yùn)行flutter doctor命令來驗(yàn)證是否安裝成功。

Android設(shè)置

Flutter依賴于Android Studio的全量安裝。Android Studio不僅可以管理Android 平臺依賴、SDK版本等，而且它也是Flutter開發(fā)推薦的IDE之一（當(dāng)然，你也可以使用其它編輯器或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進(jìn)行Android開發(fā)所需要的。

安裝遇到問題？

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

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

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

系統(tǒng)要求

要安裝并運(yùn)行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)為準(zhǔn)。另外，在中國大陸地區(qū)，要想正常獲取安裝包列表或下載安裝包，可能需要翻墻，讀者也可以去Flutter github項(xiàng)目下去下載安裝包，地址：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

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

運(yùn)行 flutter doctor命令

這一步和Windows下步驟一致，不再贅述。

更新環(huán)境變量

將Flutter添加到PATH中，可以在任何終端會話中運(yùn)行flutter命令。

對于所有終端會話永久修改此變量的步驟是和特定計(jì)算機(jī)系統(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. 運(yùn)行 source $HOME/.bash_profile 刷新當(dāng)前終端窗口。

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

  5. 驗(yàn)證“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ù)情況，當(dāng)您想要使用最新版本的Xcode時，這是正確的路徑。如果您需要使用不同的版本，請指定相應(yīng)路徑。
  3. 確保Xcode許可協(xié)議是通過打開一次Xcode或通過命令sudo xcodebuild -license同意過了.

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

安裝Android Studio

和Window一樣，要在Android設(shè)備上構(gòu)建并運(yùn)行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后，你可以運(yùn)行flutter channel查看所有分支，如筆者本地運(yùn)行后，結(jié)果如下：

Flutter channels:
  beta
  dev
* master

帶"*"號的分支即你本地的Flutter SDK 跟蹤的分支，要切換分支，可以使用flutter channel beta 或 flutter channel master，F(xiàn)lutter官方建議跟蹤穩(wěn)定分支，但你也可以跟蹤master分支，這樣可以查看最新的變化，但這樣穩(wěn)定性要低的多。

升級Flutter SDK和依賴包

要升級flutter sdk，只需一句命令：

flutter upgrade

該命令會同時更新Flutter SDK和你的flutter項(xiàng)目依賴包。如果你只想更新項(xiàng)目依賴包（不包括Flutter SDK），可以使用如下命令：

  • flutter packages get獲取項(xiàng)目所有的依賴包。
  • flutter packages upgrade 獲取項(xiàng)目所有依賴包的最新版本。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容