一、獲取Flutter SDK
兩種獲取安裝包的方式:
1、去flutter官網下載其最新可用的安裝包,官網地址:https://flutter.dev
2、也可以去Flutter github項目下去下載安裝包,地址:https://github.com/flutter/flutter/releases 。
我這里選擇的是官網下載,進入官網,點擊下圖Get starts按鈕
截屏2023-03-03 10.22.31.png
然后點擊下圖第二個按鈕進入macOS系統的下載頁
截屏2023-03-03 10.23.44.png
普通Mac選擇左邊Intel,M1系列選擇Apple Silicon安裝包
截屏2023-03-03 10.25.37.png
下載解壓完成之后最好把安裝包放到一個固定的路徑下面,避免不小心刪掉了。
二、環境配置
在.bash_profile中配置環境如下:
Flutter 鏡像配置:
export PUB_HOSTED_URL=[https://pub.flutter-io.cn](https://links.jianshu.com/go?to=https%3A%2F%2Fpub.flutter-io.cn)
export FLUTTER_STORAGE_BASE_URL=[https://storage.flutter-io.cn](https://links.jianshu.com/go?to=https%3A%2F%2Fstorage.flutter-io.cn)
Flutter 環境配置:
export PATH=/解壓的flutter路徑/flutter/bin:$PATH
注意PATH=后面的路徑是我們解壓后安裝包的路徑,可以通過終端命令cd 然后把文件拖進來獲取。下面是配置的截圖:
截屏2023-03-03 11.02.11.png
三、驗證環境
上面配置環境后保存退出.bash_profile文件,可以通過重啟或者命令行的方式重載環境。重啟就是關掉終端重新打開,下面介紹命令行的方式:
source ~/.bash_profile
然后執行:flutter 或者 flutter -h
flutter -h
出現Manage your Flutter app development.如下的截圖說明配置成功,可以開始進入開發階段。
截屏2023-03-03 11.24.31.png
接著運行flutter doctor檢查安裝的軟件情況
flutter doctor
flutter需要Android Studio、Xcode、VSCode、Chrome等軟件支持,首次允許flutter doctor可能有報錯,報錯原因說得很清楚,也可以度娘尋找解決的方案,本人就不一一展開。下面是我所有軟件都安裝好成功后的截圖
截屏2023-03-03 11.36.33.png
四、遇到問題
我在公司的電腦和自己的電腦都做了同樣的配置,但是公司的電腦在配置之后運行flutter指令后報“zsh: command not found: flutter”的錯誤。然后我在網上找到一篇文章解決了我的問題,文章鏈接(http://www.lxweimin.com/p/e99e6899dd66)