記錄Mac下第一次安裝Flutter

下載

創(chuàng)建

  • 然后在目錄下,創(chuàng)建一個(gè)文件夾叫flutter_mac,將解壓出來的flutter文件拖到該文件下
    image.png

配置環(huán)境變量

  • 需要去修改.bash_profile
vim ~/.bash_profile
  • 進(jìn)入該頁面,這個(gè)就是所需要配置的環(huán)境變量,默認(rèn)是空的
  • 然后需要按下鍵盤上的 i鍵 進(jìn)入編輯模式,把Flutter安裝的bin目錄配置到環(huán)境變量,然后把Flutter國(guó)內(nèi)鏡像也配置到環(huán)境變量中,第一個(gè)地址需要換成自己的文件路徑
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)安裝成功了,因?yàn)槲抑挥玫搅藊code,所以沒有安裝Android Studio開發(fā)工具和Android的SDK


image.png

創(chuàng)建flutter項(xiàng)目

創(chuàng)建一個(gè)文件夾 flutter_demo,執(zhí)行創(chuàng)建代碼創(chuàng)建一個(gè)項(xiàng)目 flutter_app01

sudo flutter create flutter_app01

如圖。我在創(chuàng)建的時(shí)候卡主了,我科學(xué)上網(wǎng)了一下,就馬上成功了


image.png

修改項(xiàng)目的權(quán)限以及Flutter SDK目錄的權(quán)限

  • 進(jìn)入項(xiàng)目文件夾下
cd /Users/gff/Desktop/flutter_demo/flutter_app01 
  • 修改項(xiàng)目的權(quán)限,777代表可讀可寫可自行,*代表文件下的所有文件
sudo chmod -R 777 *
  • 進(jìn)入Flutter SDK目錄
cd /Users/merry/flutter_mac 
  • 修改Flutter SDK目錄的權(quán)限
sudo chmod -R 777 *

到此就可以用xcode打開flutter的demo項(xiàng)目了

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容