開(kāi)始前分享一個(gè)學(xué)習(xí)flutter的網(wǎng)站：Flutter中文網(wǎng)，當(dāng)然這是原網(wǎng)址Flutter官網(wǎng)。
1、下載SDK
兩個(gè)方法，一是去GitHub上clone：git clone -b beta https://github.com/flutter/flutter.git，這個(gè)可能有點(diǎn)慢，我是第二種方法：直接去官網(wǎng)下載，下載完解壓到根目錄，方便后面操作。
2、配置環(huán)境變量
2.1配置鏡像
- 到我們的根目錄下
cd ~，這是目錄就是你解壓的目錄，你是什么目錄就用什么目錄
cd ~
或者
cd /Users/用戶(hù)名
- 然后我們需要打開(kāi)一個(gè)隱藏文件
.bash_profile，如果打不開(kāi)看下面2.2、創(chuàng)建.bash_profile文件（如果存在跳過(guò)這一步）
open -e .bash_profile
- 把下面添加進(jìn)去，注意第三條需要是你自己的用戶(hù)名，
/flutter/便是我解壓的SDK文件
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/你的用戶(hù)名/flutter/bin:$PATH
- 關(guān)閉保存，在輸入命令更新環(huán)境變量
source ~/.bash_profile
- 最后輸入下命令去驗(yàn)證是否配置成功，如果成功會(huì)打印如下圖信息
flutter -h
??????如果輸入
open -e .bash_profile沒(méi)有打開(kāi)文件，那就是沒(méi)有這個(gè)文件，可以在根目錄cd ~下輸入ls -al命令，查看是否有.bash_profile。如下：
2.2、創(chuàng)建.bash_profile文件（如果存在跳過(guò)這一步）
還是在根目錄下（一定要和你解壓的SDK同一目錄）
cd ~
或者
cd /Users/用戶(hù)名
創(chuàng)建
touch .bash_profile
這個(gè)時(shí)候已經(jīng)創(chuàng)建完成，下面打開(kāi)它（如果只是查看，直接使用open .bash_profile）
open -e .bash_profile
現(xiàn)在已經(jīng)創(chuàng)建完成，返回到上面的第三步。
3、安裝開(kāi)發(fā)環(huán)境
輸入下面這個(gè)命令，來(lái)看還有沒(méi)有要安裝的依賴(lài)項(xiàng)
flutter doctor
會(huì)發(fā)現(xiàn)有好多的?，VS Code是我之前就安裝好的，這是我們主要說(shuō)下安裝安卓開(kāi)發(fā)的Android Studio和蘋(píng)果開(kāi)發(fā)的Xcode。
3.1、配置Android Studio
錯(cuò)誤一
[?] 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.
通過(guò)Android Studio官網(wǎng)去下載一下，然后安裝，不會(huì)安裝的可以自行百度。
安裝好SDK后，可以把a(bǔ)ndroid studio關(guān)了。
- 再次打開(kāi)bash_profile
open -e .bash_profile
- 在bash_profile文件里加上，android SDK目錄，替換為你自己的
export ANDROID_HOME="/Users/用戶(hù)名/Library/Android/sdk" //android sdk目錄，替換為你自己的
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
- 更新配置
source .bash_profile
然后運(yùn)行 flutter doctor，如果出現(xiàn)下面錯(cuò)誤
根據(jù)提示運(yùn)行：
flutter doctor --android-licenses，然后根據(jù)提示一直y，y到結(jié)束為止。
錯(cuò)誤二
[?] Android Studio (version 3.4)
? Flutter plugin not installed; this adds Flutter specific functionality.
? Dart plugin not installed; this adds Dart specific functionality.
Android Studio里還少了兩個(gè)插件Flutter和Dart，打開(kāi)AS
-
點(diǎn)擊preferences
-
Plugins下搜索flutter
- install安裝后OK，然后會(huì)有彈窗提示要安裝dart，同意。等安裝好后重啟andriod studio。
到目前為止Android Studio已經(jīng)配置完成！
3.2、配置Xcode
去AppStore上下載即可，這里主要解決命令行的報(bào)錯(cuò)
[!] iOS toolchain - develop for iOS devices
? libimobiledevice and ideviceinstaller are not installed. To install with Brew, run:
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
? ios-deploy not installed. To install:
brew install ios-deploy
這個(gè)就好處理了，一般是都是版本問(wèn)題，按照他給的提示依次輸入命令：
brew update
brew install --HEAD usbmuxd
brew link usbmuxd
brew install --HEAD libimobiledevice
brew install ideviceinstaller
可能會(huì)安裝失敗，一般都是網(wǎng)路問(wèn)題。
最后再次執(zhí)行doctor
flutter doctor
到現(xiàn)在doctor上的錯(cuò)誤全部解決，可以完美的開(kāi)始開(kāi)發(fā)了！
最后
上述已經(jīng)完美的配置好了Flutter的所有環(huán)境，當(dāng)然作為一個(gè)優(yōu)秀的開(kāi)發(fā)者，為了方便開(kāi)發(fā)最好配置下VS Code編譯器！
