下載
-
首先,將需要flutter sdk下載并解壓到本地
image.png 參考安裝教程及flutter sdk的下載:https://flutter.cn/docs/get-started/install/macos
創(chuàng)建
- 然后在目錄下趟脂,創(chuàng)建一個文件夾叫flutter_mac昔期,將解壓出來的flutter文件拖到該文件下
image.png
配置環(huán)境變量
- 需要去修改.bash_profile
vim ~/.bash_profile
- 進(jìn)入該頁面佛玄,這個就是所需要配置的環(huán)境變量,默認(rèn)是空的
- 然后需要按下鍵盤上的 i鍵 進(jìn)入編輯模式般贼,把Flutter安裝的bin目錄配置到環(huán)境變量奥吩,然后把Flutter國內(nèi)鏡像也配置到環(huán)境變量中,第一個地址需要換成自己的文件路徑
export PATH=/Users/gff/flutter_mac/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 編輯完成后霞赫,按下esc鍵退出當(dāng)前編輯绩脆,然后按下 :wq,然后回車,就可以保存剛才修改的內(nèi)容
- 最后執(zhí)行代碼靴迫,生效配置的環(huán)境變量
source ~/.bash_profile
查看flutter的幫助信息
flutter -h
如圖所示,就代表環(huán)境變量配置成功了
image.png
檢查flutter的工具
flutter doctor
如圖所示名挥,這樣就代表flutter已經(jīng)安裝成功了主守,因為我只用到了xcode榄融,所以沒有安裝Android Studio開發(fā)工具和Android的SDK
image.png
創(chuàng)建flutter項目
創(chuàng)建一個文件夾 flutter_demo愧杯,執(zhí)行創(chuàng)建代碼創(chuàng)建一個項目 flutter_app01
sudo flutter create flutter_app01
如圖鞋既。我在創(chuàng)建的時候卡主了,我科學(xué)上網(wǎng)了一下邑闺,就馬上成功了
image.png
修改項目的權(quán)限以及Flutter SDK目錄的權(quán)限
- 進(jìn)入項目文件夾下
cd /Users/gff/Desktop/flutter_demo/flutter_app01
- 修改項目的權(quán)限陡舅,777代表可讀可寫可自行,*代表文件下的所有文件
sudo chmod -R 777 *
- 進(jìn)入Flutter SDK目錄
cd /Users/merry/flutter_mac
- 修改Flutter SDK目錄的權(quán)限
sudo chmod -R 777 *