剛剛接觸了Flutter，這里把搭建環(huán)境的，以及從中遇到的坑過程記錄下來。

環(huán)境搭建

1、配置用戶環(huán)境變量

終端打開vim ~/.bash_profile，選擇編輯，在后面加入

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

:wq保存退出

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

2、下載Flutter SDK

跳轉(zhuǎn)到 Flutter Mac 下載鏈接 下載

3、添加用戶環(huán)境變量

// （/Users/iosapp/Downloads/flutter/bin）你下載的Flutter SDK 的bin目錄
export PATH=/Users/iosapp/Downloads/flutter/bin:$PATH
//  (/Users/iosapp/Library/Android/sdk) android sdk的目錄 
export ANDROID_HOME="/Users/iosapp/Library/Android/sdk"
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools 

4、運行 Flutter Doctor

運行以下命令查看是否需要安裝其它依賴項來完成安裝

flutter doctor 

可能出現(xiàn)的問題

在 flutter doctor 如果沒問題，則會出現(xiàn)以下全部打鉤（這關(guān)系到項目構(gòu)建）

image.png

一、第一個打鉤說明我的Flutter安裝沒問題
二、第二個對勾說明我的Android SDK沒問題（如果有問題根據(jù)他的提示操作）
三、第三個是說iOS工具沒安裝好, 具體就是需要安裝他提供的兩個庫 按照他的說法終端執(zhí)行如下操作

brew install --HEAD libimobiledevice
brew install ideviceinstaller

四五、Flutter插件問題

? Flutter plugin not installed; this adds Flutter specific functionality.
 ? Dart plugin not installed; this adds Dart specific functionality.

出現(xiàn)這兩個就是Flutter的插件問題，安裝Flutter插件 Dart插件也會安裝，如果你電腦裝有Android Studio和IntelliJ，各自打開他們的Perforences，選擇Plugins，搜索Flutter，選擇安裝

image.png

當(dāng)這些問題解決后，創(chuàng)建一個項目

image.png

選擇Application項目，運行

image.png

image.png