序
隨著跨平臺開發(fā)慢慢成為小公司開發(fā)的首選，從React-native、Weex等開發(fā)語言，再到Google重磅推出的Flutter，跨平臺語言也算是經(jīng)歷了時代的一波波洗禮。所謂長江后浪推前浪，本文的主角Flutter從推出就被熱捧，具有無限接近原生的UI效果，超多便捷的控件，還有比較容易上手的開發(fā)語言體系等等，都讓人急不可耐的想上手試試，畢竟掌握一門跨平臺語言對自己職業(yè)發(fā)展還是挺有幫助的。本文將介紹使用Flutter開發(fā)的第一步——配置Flutter環(huán)境。
一、獲取Flutter SDK
去flutter官網(wǎng)下載最新可用的安裝包。官網(wǎng)傳送門
二、配置環(huán)境變量
1.命令行：
1、 vim ~/.bash_profile
如果沒有bash_profile文件，可在Home目錄中創(chuàng)建（正常情況下是不會有創(chuàng)建bash_profile文件這一步噠），創(chuàng)建完后，返回第一步。
創(chuàng)建bash_profile文件
1、 cd ~
2、 touch .bash_profile
2.編輯bash_profile文件，添加Flutter SDK文件的路徑
1、export PATH=‘pwd’/flutter/bin:$PATH
2、export PUB_HOSTED_URL=https://pub.flutter-io.cn
3、export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
將上面3行代碼復制到bash_profile文件。
注：第一行中的pwd為Flutter SDK文件的路徑，直接拖到終端就可以了。
第二、三行官網(wǎng)解釋：由于在國內(nèi)訪問Flutter有時可能會受到限制，F(xiàn)lutter官方為中國開發(fā)者搭建了臨時鏡像，大家可以將如下環(huán)境變量加入到用戶環(huán)境變量中。
還有此鏡像為臨時鏡像，并不能保證一直可用。
3.更新配置環(huán)境
1、 source ~/.bash_profile
4.驗證配置成功
1、 flutter doctor
出現(xiàn)下圖信息，則表示配置成功
反之出現(xiàn)下面的情況，則表示配置失敗，請檢查以上步驟是否正確，尤其是Flutter SDK的路徑。在以上步驟無誤的情況，可以參考下面的注。
1、 command not found: flutter
注：在MAC中配置Flutter環(huán)境中，容易出現(xiàn)command not found: flutter的情況還有一種。Mac系統(tǒng)Catalina默認zsh命令行，而不是bash，這就表示我們配置在bash_profile文件中的環(huán)境，都沒有成功執(zhí)行，So顯示找不到flutter。
解決方法：
方法1.（推薦）把上面步驟的bash_profile文件換成zshrc文件，重新配置一遍。
1、 vim ~/.zshrc
最后別忘記更新配置
1、 source ~/.zshrc
方法2.切換回bash默認命令行
// 查看有哪些shell
1、 cat /etc/shells
// 切換
2、 chsh -s /bin/bash
結語
到這Flutter環(huán)境的配置已經(jīng)完成，算是比較簡單的。至于flutter doctor中的一些配置，只需要詳細查看flutter doctor后給出的信息（如下圖），按步驟一個個來（執(zhí)行的步驟都在flutter doctor后給出的信息中，比如執(zhí)行某條命令，或者安裝），還是很容易完成的。只要全部都是綠色的打勾，就算完美了，我電腦沒有安裝Android Studio所以沒法進行安卓配置，不過不影響前期開發(fā)。
Tip:如果用VSCode或Android Studio進行Flutter開發(fā)，記得安裝Flutter和Dart插件。
