安裝Flutter其實就五個步驟：下載安裝包 - 設置Path環(huán)境變量 - 執(zhí)行flutter doctor - 配置Xcode - 下載VS Code并配置
一尼桶、下載安裝包
1.下載Flutter SDK
查網資料介紹下載SDK的方式有兩種,我選擇的是從這里直接下載的最新穩(wěn)定版本(v1.12.13 + hotfix.8)
2.下載完成后放在自己指定文件夾內并解壓.
image.png
小結:這里沒什么難度,就是下載SDK并且解壓
二操灿、設置Path變量環(huán)境
1.從菜單欄前往--->前往文件夾...
image.png
2.展示隱藏文件(指令:
command + shift + 。 隱藏指令也是這個),打開編輯.bash_profile文件
image.png
3.設置環(huán)境變量(在
.bash_profile中加入以下配置)
export PATH=/Users/sj/app/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
注:/Users/sj/app 這是我的Flutter文件夾位置,需要更換為自己的地址,然后保存
4.運行以下指令
source ~/.bash_profile
5.通過運行flutter/bin命令驗證目錄是否在已經在PATH中:
echo $PATH
image.png
三泵督、執(zhí)行flutter doctor
image.png
查看需要安裝其它依賴項來完成安裝,首先我是做iOS開發(fā)的, 我已經下載xcode,另外我已經下載vs code,所以我選擇先解決Xcode,vscode,真機設備等這幾項問題.
1.首先解決Xcode的配置問題,按照提示指令,其實就是選擇一個Xcode的版本,所以按照下圖選一下就可以了.
image.png
2.接下來解決VS Code的問題,其實就是下載Flutter插件
61582856725_.pic_hd.jpg
3.Xcode真機設備添加這里就不做詳細記錄了,因為涉及到蘋果開發(fā)者賬號以及證書制作相關的問題.
接下來重新運行flutter doctor,現在應該就剩下Android 環(huán)境的配置了
image.png
四趾盐、在蘋果模擬器上運行flutter項目
現在我就可以通過VS Code創(chuàng)建flutter項目了,怎么創(chuàng)建不做記錄了,可以參照flutter中文網,然后體驗一下熱重載功能.
image.png
下一篇主要記錄一下配置Android環(huán)境時遇到的Android license status unknown問題
