Flutter開發(fā)入門

1、下載

# sdk
https://docs.flutter.dev/development/tools/sdk/releases?tab=macos#mac

//需要翻墻,下載速度慢,如需要可聯(lián)系我要,在阿里云盤里

# xcode 
// appstroe
# android studio
// 自己找

2、配置環(huán)境變量

open -e .bash_profile

// 然后加進(jìn)去,記得修改zhangrongwu,這是我自己的電腦名稱
# 安卓環(huán)境變量
export ANDROID_HOME=/Users/zhangrongwu/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

# flutter 環(huán)境變量
export PATH=/Users/zhangrongwu/Documents/flutter/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

#dart環(huán)境變量
export DART_HOME=/Users/zhangrongwu/Documents/flutter/bin/cache/dart-sdk/bin
export PATH="${DART_HOME}.${PATH}"
         


//open 打不開就自己創(chuàng)建
vim .bash_profile

//然后讓環(huán)境變量生效
source .bash_profile
//校驗(yàn), 不提示找不到則成功了。
flutter

*****************************以上配置只適合當(dāng)前窗口**********************************
*****************************永久配置**********************************
vim ~/.bash_profile    
//1、復(fù)制剛才配置的內(nèi)容
//2、創(chuàng)建新文件
vim ~/.zshrc
//3、粘貼內(nèi)容;
//4、退出保存;
//5、命令生效
source ~/.zshrc

3、創(chuàng)建項(xiàng)目

vs code中安裝 Flutter插件

終端中使用命令創(chuàng)建項(xiàng)目
flutter create flutter_app

4、項(xiàng)目運(yùn)行

flutter run

目錄結(jié)構(gòu),3.0之后支持了macos、windows、linux。真NB


截屏2022-05-17 10.06.16.png
最后編輯于
?著作權(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)容