前言
最近開始學(xué)習(xí)Flutter開發(fā)，在打包iOS的時(shí)候需要用到Xcode，所以下單了一臺(tái)MacBookPro作為以后的電腦。但是由于之前沒有用過mac，所以弄了半天才安裝好Flutter的環(huán)境。做個(gè)記錄，希望能幫到大家。
參考文檔
入門: 在macOS上搭建Flutter開發(fā)環(huán)境
mac下創(chuàng)建.bash_profile文件
環(huán)境變量配置完畢后運(yùn)行出錯(cuò)【zsh: command not found: flutter】的解決辦法
提示
如果在確定環(huán)境配置無誤的情況下執(zhí)行flutter doctor顯示【zsh: command not found: flutter】,請(qǐng)輸入source $HOME/.bash_profile刷新當(dāng)前命令窗口就可以了，因?yàn)槟诿钚兄荒芨庐?dāng)前會(huì)話的PATH變量。
配置步驟
1.下載Fluter穩(wěn)定版SDK的壓縮包，推薦使用迅雷或者一些常用下載工具下載速度會(huì)比較快也不容易出現(xiàn)下載出錯(cuò)或者中斷的問題。
Flutter SDK下載地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#windows
2.解壓下載的文件并且獲取文件夾中bin文件的路徑（不知道如果復(fù)制文件路徑的可以右鍵文件夾選擇顯示簡(jiǎn)介中根據(jù)下圖所以復(fù)制文件路徑）
我的路徑：/Users/XXX/Develop/flutter/bin
3.【重點(diǎn)】在知道如果獲取文件路徑之后，接下來是進(jìn)行flutter環(huán)境的配置[注意命令行中是否存在空格]
a.打開命令行終端Terminal
[輸入]~/.bash_profile
如果出現(xiàn)No such file or directory表示.bash_profile文件不存在需要?jiǎng)?chuàng)建，出現(xiàn)zsh: permission denied: /Users/XXX/.bash_profile表示文件已經(jīng)存在，無需創(chuàng)建。
=文件不存在，需要?jiǎng)?chuàng)建=
[輸入]~/touch .bash_profile
b. 編輯.bash_profile文件
[輸入]open -e .bash_profile
在打開的文件中輸入下面的文字【注釋不可放進(jìn)文件中，完成之后請(qǐng)保存并關(guān)閉文件】
// flutte的bin文件路徑（請(qǐng)修改為你的對(duì)應(yīng)路徑）
export PATH=/Users/XXX/Develop/flutter/bin:$PATH
// Android SDK的文件路徑（請(qǐng)修改為你的對(duì)應(yīng)路徑）
export ANDROID_HOME=/Users/XXX/Library/Android/sdk
// Android工具類
export PATH=${PATH}:${ANDROID_HOME}/tools
// Android工具類
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
// flutte的國(guó)內(nèi)鏡像地址，加快國(guó)內(nèi)的訪問速度
export PUB_HOSTED_URL=https://pub.flutter-io.cn
// flutte的國(guó)內(nèi)鏡像地址，加快國(guó)內(nèi)的訪問速度
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
c.【重點(diǎn)，重點(diǎn)，重點(diǎn)】在文件保存之后一定一定要在命令行中更新當(dāng)前配置（我就在這里卡了一個(gè)下午）
[輸入]source .bash_profile
d.設(shè)置環(huán)境變量為全局的，即不用每次打開打開終端都執(zhí)行source .bash_profile刷新環(huán)境變量之后才可以執(zhí)行flutter doctor
.zshrc文件不存在，需要?jiǎng)?chuàng)建
[輸入]touch .zshrc
.zshrc文件已經(jīng)存在，直接打開
[輸入]open .zshrc
在打開的文件末尾增加source ~/.bash_profile保存退出即可。
e.到這里環(huán)境變量基本配置完畢，檢查flutte環(huán)境變量是否配置完畢
[輸入]flutter doctor
結(jié)語
在執(zhí)行flutter doctor之后如果都如上圖所示顯示綠色勾表示好環(huán)境已經(jīng)配置成功，如果出現(xiàn)紅色叉表示配置尚未完全成功（flutter的環(huán)境已經(jīng)配置成功）還有插件之類的尚未配置或者安裝，請(qǐng)根據(jù)報(bào)錯(cuò)信息繼續(xù)解決，此處不再贅述。
