Flutter實(shí)戰(zhàn) 搭建Flutter開(kāi)發(fā)環(huán)境

工欲善其事必先利其器，本節(jié)首先會(huì)分別介紹一下在 Windows 和 macOS 下 Flutter SDK 的安裝，然后再介紹一下配 IDE 和模擬器的使用。

#1.3.1 安裝Flutter

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

注意：本節(jié)介紹的安裝方式隨著 Flutter 的升級(jí)可能會(huì)發(fā)生變化，如果下面介紹的內(nèi)容在您安裝 Flutter 時(shí)已經(jīng)失效，請(qǐng)?jiān)L問(wèn) Flutter 官網(wǎng)，按照官網(wǎng)最新的安裝教程安裝。

#使用鏡像

由于在國(guó)內(nèi)訪問(wèn) Flutter 有時(shí)可能會(huì)受到限制，F(xiàn)lutter 官方為中國(guó)開(kāi)發(fā)者搭建了臨時(shí)鏡像，大家可以將如下環(huán)境變量加入到用戶(hù)環(huán)境變量中：

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

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

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

#系統(tǒng)要求

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

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

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

• 工具: Flutter 依賴(lài)下面這些命令行工具.

• PowerShell 5.0 (opens new window) 或更新的版本
• Git for Windows (opens new window) (Git命令行工具)；

如果已安裝Git for Windows，請(qǐng)確?？梢栽诿钐崾痉騊owerShell中運(yùn)行 git 命令

#獲取Flutter SDK

1. 去flutter官網(wǎng)下載其最新可用的安裝包，下載地址：flutter.dev/docs/development/tools/sdk/releases ，打開(kāi)后如圖1-2所示：

注意，F(xiàn)lutter的渠道版本會(huì)不停變動(dòng)，請(qǐng)以Flutter官網(wǎng)為準(zhǔn)。另外，在中國(guó)大陸地區(qū)，要想正常獲取安裝包列表或下載安裝包，可能需要翻墻，讀者也可以去Flutter github項(xiàng)目下去下載安裝包，地址：https://github.com/flutter/flutter/releases 。

1. 將安裝包zip解壓到你想安裝Flutter SDK的路徑（如：C:\src\flutter；注意，不要將flutter安裝到需要一些高權(quán)限的路徑如C:\Program Files\）。

1. 在Flutter安裝目錄的flutter文件下找到flutter_console.bat，雙擊運(yùn)行并啟動(dòng)flutter命令行，接下來(lái)，你就可以在Flutter命令行運(yùn)行flutter命令了。

#更新環(huán)境變量

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

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

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

#運(yùn)行 flutter doctor命令

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

flutter doctor

該命令檢查你的環(huán)境并在命令行窗口中顯示報(bào)告。Dart SDK已經(jīng)在打包在Flutter SDK里了，沒(méi)有必要單獨(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）時(shí)，它會(huì)下載它自己的依賴(lài)項(xiàng)并自行編譯。以后再運(yùn)行就會(huì)快得多。缺失的依賴(lài)需要安裝一下，安裝完成后再運(yùn)行flutter doctor命令來(lái)驗(yàn)證是否安裝成功。

#Android設(shè)置

Flutter依賴(lài)于Android Studio的全量安裝。Android Studio不僅可以管理Android 平臺(tái)依賴(lài)、SDK版本等，而且它也是Flutter開(kāi)發(fā)推薦的IDE之一（當(dāng)然，你也可以使用其它編輯器或IDE，我們將會(huì)在后面討論）。

#安裝Android Studio

1. 下載并安裝 Android Studio，下載地址：https://developer.android.com/studio/index.html 。
2. 啟動(dòng)Android Studio，然后執(zhí)行“Android Studio安裝向?qū)А薄＿@將安裝最新的Android SDK、Android SDK平臺(tái)工具和Android SDK構(gòu)建工具，這些是用Flutter進(jìn)行Android開(kāi)發(fā)所需要的。

#安裝遇到問(wèn)題？

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

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

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

#系統(tǒng)要求

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

• 操作系統(tǒng): macOS (64-bit)
• 磁盤(pán)空間: 700 MB (不包括Xcode或Android Studio的磁盤(pán)空間）.
• 工具: Flutter 依賴(lài)下面這些命令行工具.
  • bash、mkdir、rm、git、curl、unzip、which

#獲取Flutter SDK

1. 去flutter官網(wǎng)下載其最新可用的安裝包，官網(wǎng)地址：flutter.io/sdk-archive/#macoss

注意，F(xiàn)lutter的渠道版本會(huì)不停變動(dòng)，請(qǐng)以Flutter官網(wǎng)為準(zhǔn)。另外，在中國(guó)大陸地區(qū)，要想正常獲取安裝包列表或下載安裝包，可能需要翻墻，讀者也可以去Flutter github項(xiàng)目下去下載安裝包，地址：github.com/flutter/flutter/releases 。

1. 解壓安裝包到你想安裝的目錄，如：

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

1. 添加flutter相關(guān)工具到path中：

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

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

#運(yùn)行 flutter doctor命令

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

#更新環(huán)境變量

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

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

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

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

1. 添加以下路徑:

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

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

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

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

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

1. 驗(yàn)證“flutter/bin”是否已在PATH中：

   echo $PATH

#安裝 Xcode

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

1. 安裝Xcode 9.0或更新版本(通過(guò)鏈接下載 (opens new window)或蘋(píng)果應(yīng)用商店 (opens new window)).
2. 配置Xcode命令行工具以使用新安裝的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 對(duì)于大多數(shù)情況，當(dāng)您想要使用最新版本的Xcode時(shí)，這是正確的路徑。如果您需要使用不同的版本，請(qǐng)指定相應(yīng)路徑。
3. 確保Xcode許可協(xié)議是通過(guò)打開(kāi)一次Xcode或通過(guò)命令sudo xcodebuild -license同意過(guò)了.

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

#安裝Android Studio

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

#升級(jí) Flutter

#Flutter SDK分支

Flutter SDK有多個(gè)分支，如beta、dev、master、stable，其中stable分支為穩(wěn)定分支（日后有新的穩(wěn)定版本發(fā)布后可能也會(huì)有新的穩(wěn)定分支，如1.0.0），dev和master為開(kāi)發(fā)分支，安裝flutter后，你可以運(yùn)行flutter channel查看所有分支，如筆者本地運(yùn)行后，結(jié)果如下：

Flutter channels:
  beta
  dev
* master

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

#升級(jí)Flutter SDK和依賴(lài)包

要升級(jí)flutter sdk，只需一句命令：

flutter upgrade

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

• flutter packages get獲取項(xiàng)目所有的依賴(lài)包。
• flutter packages upgrade 獲取項(xiàng)目所有依賴(lài)包的最新版本。

#

#1.3.2 IDE配置與使用

理論上可以使用任何文本編輯器與命令行工具來(lái)構(gòu)建Flutter應(yīng)用程序。 不過(guò)，F(xiàn)lutter官方建議使用Android Studio和VS Code之一以獲得更好的開(kāi)發(fā)體驗(yàn)。Flutter官方提供了這兩款編輯器插件，通過(guò)IDE和插件可獲得代碼補(bǔ)全、語(yǔ)法高亮、widget編輯輔助、運(yùn)行和調(diào)試支持等功能，可以幫助我們極大的提高開(kāi)發(fā)效率。下面我們分別介紹一下Android Studio和VS Code的配置及使用（Android Studio和VS Code讀者可以在其官網(wǎng)獲得最新的安裝，由于安裝比較簡(jiǎn)單，故不再贅述）。

#Android Studio 配置與使用

由于Android Studio是基于IntelliJ IDEA開(kāi)發(fā)的，所以讀者也可以使用IntelliJ IDEA。

#安裝Flutter和Dart插件

需要安裝兩個(gè)插件:

• Flutter插件： 支持Flutter開(kāi)發(fā)工作流 (運(yùn)行、調(diào)試、熱重載等)。
• Dart插件： 提供代碼分析 (輸入代碼時(shí)進(jìn)行驗(yàn)證、代碼補(bǔ)全等)。

安裝步驟：

1. 啟動(dòng)Android Studio。
2. 打開(kāi)插件首選項(xiàng) (macOS：Preferences>Plugins, Windows：File>Settings>Plugins)。
3. 選擇 Browse repositories…，選擇 flutter 插件并點(diǎn)擊 install。
4. 重啟Android Studio后插件生效。

接下來(lái)，讓我們用Android Studio創(chuàng)建一個(gè)Flutter項(xiàng)目，然后運(yùn)行它，并體驗(yàn)“熱重載”。

#創(chuàng)建Flutter應(yīng)用

1. 選擇 File>New Flutter Project 。
2. 選擇 Flutter application 作為 project 類(lèi)型, 然后點(diǎn)擊 Next。
3. 輸入項(xiàng)目名稱(chēng) (如 myapp)，然后點(diǎn)擊 Next。
4. 點(diǎn)擊 Finish。
5. 等待Android Studio安裝SDK并創(chuàng)建項(xiàng)目。

上述命令創(chuàng)建一個(gè)Flutter項(xiàng)目，項(xiàng)目名為myapp，其中包含一個(gè)使用Material 組件 (opens new window)的簡(jiǎn)單演示應(yīng)用程序。

在項(xiàng)目目錄中，您應(yīng)用程序的代碼位于 lib/main.dart。

#運(yùn)行應(yīng)用程序

1. 定位到Android Studio工具欄，如圖1-3所示：

1. 在 target selector 中, 選擇一個(gè)運(yùn)行該應(yīng)用的Android設(shè)備。如果沒(méi)有列出可用，請(qǐng)選擇 Tools>Android>AVD Manager 并在那里創(chuàng)建一個(gè)。

1. 在工具欄中點(diǎn)擊 Run圖標(biāo)。

1. 如果一切正常, 您應(yīng)該在您的設(shè)備或模擬器上會(huì)看到啟動(dòng)的應(yīng)用程序：

#體驗(yàn)熱重載

Flutter 可以通過(guò) 熱重載（hot reload） 實(shí)現(xiàn)快速的開(kāi)發(fā)周期，熱重載就是無(wú)需重啟應(yīng)用程序就能實(shí)時(shí)加載修改后的代碼，并且不會(huì)丟失狀態(tài)。簡(jiǎn)單的對(duì)代碼進(jìn)行更改，然后告訴IDE或命令行工具你需要重新加載（點(diǎn)擊reload按鈕），你就會(huì)在你的設(shè)備或模擬器上看到更改。

1. 打開(kāi)lib/main.dart文件

1. 將字符串 'You have pushed the button this many times:' 更改為 'You have clicked the button this many times:'

1. 不要按“停止”按鈕; 讓您的應(yīng)用繼續(xù)運(yùn)行.

1. 要查更改，請(qǐng)調(diào)用 Save (cmd-s / ctrl-s)，或者點(diǎn)擊 熱重載按鈕 (帶有閃電??圖標(biāo)的按鈕)。

你會(huì)立即在運(yùn)行的應(yīng)用程序中看到更新的字符串。

#VS Code的配置與使用

VS Code是一個(gè)輕量級(jí)編輯器，支持Flutter運(yùn)行和調(diào)試。

#安裝flutter插件

1. 啟動(dòng) VS Code。
2. 調(diào)用 View>Command Palette…。
3. 輸入 ‘install’, 然后選擇 Extensions: Install Extension action。
4. 在搜索框輸入 flutter ，在搜索結(jié)果列表中選擇 ‘Flutter’, 然后點(diǎn)擊 Install。
5. 選擇 ‘OK’ 重新啟動(dòng) VS Code。
6. 驗(yàn)證配置
   • 調(diào)用 View>Command Palette…
   • 輸入 ‘doctor’, 然后選擇 ‘Flutter: Run Flutter Doctor’ action。
   • 查看“OUTPUT”窗口中的輸出是否有問(wèn)題

#創(chuàng)建Flutter應(yīng)用

1. 啟動(dòng) VS Code
2. 調(diào)用 View>Command Palette…
3. 輸入 ‘flutter’, 然后選擇 ‘Flutter: New Project’ action
4. 輸入 Project 名稱(chēng) (如myapp), 然后按回車(chē)鍵
5. 指定放置項(xiàng)目的位置，然后按藍(lán)色的確定按鈕
6. 等待項(xiàng)目創(chuàng)建繼續(xù)，并顯示main.dart文件

#體驗(yàn)熱重載

1. 打開(kāi)lib/main.dart文件。
2. 將字符串 'You have pushed the button this many times:' 更改為 'You have clicked the button this many times:'。
3. 不要按“停止”按鈕; 讓您的應(yīng)用繼續(xù)運(yùn)行。
4. 要查看您的更改，請(qǐng)調(diào)用 Save (cmd-s / ctrl-s), 或者點(diǎn)擊 熱重載按鈕 (綠色圓形箭頭按鈕)。

你會(huì)立即在運(yùn)行的應(yīng)用程序中看到更新的字符串。

#1.3.3 連接設(shè)備運(yùn)行Flutter應(yīng)用

Window下只支持為Android設(shè)備構(gòu)建并運(yùn)行Flutter應(yīng)用，而macOS同時(shí)支持iOS和Android設(shè)備。下面分別介紹如何連接Android和iOS設(shè)備來(lái)運(yùn)行flutter應(yīng)用。

#連接Android模擬器

要準(zhǔn)備在Android模擬器上運(yùn)行并測(cè)試Flutter應(yīng)用，請(qǐng)按照以下步驟操作：

1. 啟動(dòng) Android Studio>Tools>Android>AVD Manager 并選擇 Create Virtual Device.

1. 選擇一個(gè)設(shè)備并選擇 Next。

1. 為要模擬的Android版本選擇一個(gè)或多個(gè)系統(tǒng)印象，然后選擇 Next. 建議使用 x86 或 x86_64 image .

1. 在 “Emulated Performance”下, 選擇 Hardware - GLES 2.0 以啟用 硬件加速 (opens new window).

1. 驗(yàn)證AVD配置是否正確，然后選擇 Finish。

有關(guān)上述步驟的詳細(xì)信息，請(qǐng)參閱 Managing AVDs (opens new window).

1. 在“Android Virtual Device Manager”中，點(diǎn)擊工具欄的 Run。模擬器啟動(dòng)并顯示所選操作系統(tǒng)版本或設(shè)備的啟動(dòng)畫(huà)面。

1. 運(yùn)行 flutter run 啟動(dòng)您的設(shè)備。 連接的設(shè)備名是 Android SDK built for <platform>，其中 platform 是芯片系列，如 x86。

#連接Android真機(jī)設(shè)備

要準(zhǔn)備在Android設(shè)備上運(yùn)行并測(cè)試Flutter應(yīng)用，需要Android 4.1（API level 16）或更高版本的Android設(shè)備.

1. 在Android設(shè)備上啟用 開(kāi)發(fā)人員選項(xiàng) 和 USB調(diào)試 。詳細(xì)說(shuō)明可在Android文檔 (opens new window)中找到。
2. 使用USB將手機(jī)插入電腦。如果設(shè)備出現(xiàn)調(diào)試授權(quán)提示，請(qǐng)授權(quán)你的電腦可以訪問(wèn)該設(shè)備。
3. 在命令行運(yùn)行 flutter devices 命令以驗(yàn)證Flutter識(shí)別您連接的Android設(shè)備。
4. 運(yùn)行啟動(dòng)你應(yīng)用程序 flutter run。

默認(rèn)情況下，F(xiàn)lutter使用的Android SDK版本是基于你的 adb 工具版本。 如果想讓Flutter使用不同版本的Android SDK，則必須將該 ANDROID_HOME 環(huán)境變量設(shè)置為相應(yīng)的SDK安裝目錄。

#連接iOS模擬器

要準(zhǔn)備在iOS模擬器上運(yùn)行并測(cè)試Flutter應(yīng)用，請(qǐng)按以下步驟操作：

1. 在你的MAC上，通過(guò) Spotlight 或以下命令找到模擬器：

   open -a Simulator

1. 通過(guò)檢查模擬器 Hardware > Device 菜單中的設(shè)置，確保模擬器正在使用64位設(shè)備（iPhone 5s或更高版本）。

1. 根據(jù)你電腦屏幕大小，模擬高清屏iOS設(shè)備可能會(huì)溢出屏幕。可以在模擬器的 Window> Scale 菜單下設(shè)置設(shè)備比例。

1. 運(yùn)行 flutter run啟動(dòng)flutter應(yīng)用程序。

#連接iOS真機(jī)設(shè)備

要將Flutter應(yīng)用安裝到iOS真機(jī)設(shè)備，需要一些額外的工具和一個(gè)Apple帳戶(hù)，還需要在Xcode中進(jìn)行一些設(shè)置。

1. 安裝 homebrew (opens new window) （如果已經(jīng)安裝了brew,跳過(guò)此步驟）。

1. 打開(kāi)終端并運(yùn)行如下這些命令:

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

如果這些命令中的任何一個(gè)失敗并出現(xiàn)錯(cuò)誤，請(qǐng)運(yùn)行brew doctor并按照說(shuō)明解決問(wèn)題.

1. 遵循Xcode簽名流程來(lái)配置您的項(xiàng)目:

• 在你Flutter項(xiàng)目目錄中通過(guò) open ios/Runner.xcworkspace 打開(kāi)默認(rèn)的Xcode workspace.

• 在Xcode中，選擇導(dǎo)航面板左側(cè)中的Runner項(xiàng)目。

• 在Runner target設(shè)置頁(yè)面中，確保在 General > Signing > Team 下選擇了你的開(kāi)發(fā)團(tuán)隊(duì)。當(dāng)你選擇一個(gè)團(tuán)隊(duì)時(shí)，Xcode會(huì)創(chuàng)建并下載開(kāi)發(fā)證書(shū)，向你的設(shè)備注冊(cè)你的帳戶(hù)，并創(chuàng)建和下載配置文件（如果需要）。

• 要開(kāi)始您的第一個(gè)iOS開(kāi)發(fā)項(xiàng)目，您可能需要使用您的Apple ID登錄Xcode，如圖1-5：

任何Apple ID都支持開(kāi)發(fā)和測(cè)試，但若想將應(yīng)用分發(fā)到App Store，就必須注冊(cè)Apple開(kāi)發(fā)者計(jì)劃，有關(guān)詳情讀者可以自行了解。

1. 當(dāng)您第一次attach真機(jī)設(shè)備進(jìn)行iOS開(kāi)發(fā)時(shí)，需要同時(shí)信任你的Mac和該設(shè)備上的開(kāi)發(fā)證書(shū)。首次將iOS設(shè)備連接到Mac時(shí)，請(qǐng)?jiān)趯?duì)話框中選擇 Trust。

然后，轉(zhuǎn)到iOS設(shè)備上的設(shè)置菜單，選擇 常規(guī)>設(shè)備管理 并信任您的證書(shū)。

1. 如果Xcode中的自動(dòng)簽名失敗，請(qǐng)驗(yàn)證項(xiàng)目的 General > Identity > Bundle Identifier 值是否唯一，如圖1-7所示：

1. 運(yùn)行 flutter run啟動(dòng)flutter應(yīng)用程序。

#1.3.4 常見(jiàn)配置問(wèn)題

#Android Studio問(wèn)題

#缺少依賴(lài)庫(kù)問(wèn)題

上手安卓最常遇見(jiàn)的問(wèn)題之一，錯(cuò)誤如圖1-8所示，此時(shí)點(diǎn)擊超鏈接即可自動(dòng)跳轉(zhuǎn)到安裝頁(yè)面


安裝之后重新運(yùn)行即可，如圖1-9：

#連接不上Android Repository

這也是最常見(jiàn)的問(wèn)題之一，當(dāng)你發(fā)現(xiàn)自己無(wú)法下載部分依賴(lài)的時(shí)候，請(qǐng)優(yōu)先考慮這種情況。進(jìn)入 File -> Settings -> Appearance & Behavior -> System Settings -> Android SDK -> SDK Update Sites 列表，可以看到此時(shí)的 Android Repository 無(wú)法連接，如圖1-10所示：

這是由于要去Google下載Android SDK，但在國(guó)內(nèi)目前無(wú)法訪問(wèn)Google所致，因此，我們可以配置代理或使用vpn。

#安卓包配置問(wèn)題

一般格式為

Could not HEAD **
Could not Get **

如：Android Studio Could not GET gradle-3.2.0.pom

這一類(lèi)問(wèn)題是由于無(wú)法連接到 Maven 庫(kù)造成的，解決方法如下：

1. 進(jìn)入當(dāng)前所在項(xiàng)目名/android

1. 打開(kāi) build.gradle

1. 找到下面這一部分，并加上 maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }

   allprojects {
       repositories {
         google()
         jcenter()
         maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' } //添加這一句
    }
   }

1. 進(jìn)入 File/ Settings/ Build, Execution, Deployment/ BuildTools/ Gradle/ Android Studio 中，勾選上 Enable embedded Maven repository ，重啟 Android Studio 即可解決。

注意：存在這樣的一種情況，當(dāng)你根據(jù)上述步驟設(shè)置了之后，依舊無(wú)法解決這個(gè)問(wèn)題，并有類(lèi)似于 Could not HEAD maven.aliyun.com 的報(bào)錯(cuò)信息，請(qǐng)檢查 C:\Users\{user_name}\.gradle\gradle.properties 是否有設(shè)置代理。刪除后問(wèn)題即可解決。

#Hot Reload 熱重載失效問(wèn)題

在給 Terminal 之類(lèi)的終端模擬器設(shè)置代理之后，會(huì)導(dǎo)致“Hot Reload”重載失效，此時(shí)調(diào)用 Save (cmd-s / ctrl-s)將不會(huì)進(jìn)行熱重載，熱重載按鈕 (帶有閃電??圖標(biāo)的按鈕)也不會(huì)顯示，將代理移除即可解決。

另外，有些情況下熱重載是不生效的，比如修改了main函數(shù)、修改了全局靜態(tài)方法等，讀者可以認(rèn)為“Hot Reload”只會(huì)重新構(gòu)建整個(gè)widget樹(shù)，如果變動(dòng)不在構(gòu)建widget樹(shù)的過(guò)程中，“Hot Reload”就不會(huì)起作用。