提示:
正式版FlutterSDK
為stable穩(wěn)定版2.2.0(Release Date2021/5/19)规肴,Mac完整的相關(guān)文件2.55GB
Flutter Mac環(huán)境配置
1、創(chuàng)建項目
1.1指定路徑cd
FlutterCode文件夾(自己定義)
Macbook@MacBook % cd /Users/Macbook/Documents/FlutterCode
1.2創(chuàng)建項目flutter create
,名稱為FlutterDemo(自己定義)
直接創(chuàng)建:
Macbook@MacBook FlutterCode % flutter create FlutterDemo
或者授權(quán)創(chuàng)建sudo奏纪,需要電腦密碼:
Macbook@MacBook FlutterCode % sudo flutter create FlutterDemo
1.3創(chuàng)建結(jié)果鉴嗤,顯示安卓和iOS都配置完成。
創(chuàng)建結(jié)果截圖(部分).png
項目文件夾.png
2序调、運行項目
2.1方法一:按照上面提供的指令運行
2.1.1執(zhí)行flutter packages get
加載需要包
2.1.2執(zhí)行open -a simulator
打開模擬器
2.1.3提示應(yīng)用運行方法:cd FlutterDemo
和flutter run
注意:第一次創(chuàng)建項目執(zhí)行上面4個指令醉锅,iOS會加載項目tools工具包以便項目在Xcode上打包或者運行在iOS設(shè)備上。當(dāng)然如果優(yōu)先做Android的可以暫時忽略上面指令发绢,直接到Android Studio上打開FlutterDemo項目運行硬耍,需要什么都會幫你自動下載好。畢竟Flutter边酒、Android Studio都是Google的经柴。
2.2方法二:到Android Studio和Xcode上運行,直接打開文件里面的工程墩朦。
3坯认、Android Studio
1.安裝插件Flutter
和Dart
保證編譯環(huán)境正常
2.安裝安卓設(shè)備模擬器(自行選擇下載)
3.運行(如果選iOS設(shè)備運行,會下載ios tools工具包到FlutterSDK氓涣,目前891.8?MB)
工具.png
插件Flutter和Dart.png
運行時一直卡在Running Gradle task 'assembleDebug'...
網(wǎng)上有人說修改配置路徑可以修復(fù)牛哺,但是我換一個好的網(wǎng)絡(luò)環(huán)境,第一次跑幾分鐘后是可以正常運行的劳吠∫螅可以看到下面進度條一直在動,在安裝安卓SDK痒玩、Tools淳附。
長時間加載SDK和Tools等.png
當(dāng)出現(xiàn)真機運行或者每次重啟`Android Studio`都報錯提示修復(fù) `FlutterSDK`的時候〈拦牛可能用以下方法解決:
1奴曙、在偏好設(shè)置里面配置Flutter語言框架指向的SDK路徑;
2草讶、在`.bash_profile`文件添加配置2條路徑`tools`和`platform-tools`:
(注:/Users/Macbook/Library/Android/sdk為下圖AndroidSDK路徑)
export PATH=${PATH}:/Users/Macbook/Library/Android/sdk/tools
export PATH=${PATH}:/Users/Macbook/Library/Android/sdk/platform-tools
FlutterSDK路徑和版本號.png
AndroidSDK路徑.png
運行結(jié)果
Android運行結(jié)果.png
4洽糟、Xcode(有報錯會列出解決方案)
運行如果報錯,要修改一下Build System到涂,在Xcode菜單欄選擇File -> Workspace Setting -> Build System 選擇Legacy Build System 重新運行即可。
錯誤error:
Command PhaseScriptExecution failed with a nonzero exit code
1.運行如果報錯颁督,要刪除SDK的cache践啄,重新`flutter doctor`下載缺失文件
2.運行如果報錯engine里面沒有ios文件,需要復(fù)制別人的過來沉御,或者`open -a simulatr`之后再運行`cd FlutterDemo`和` flutter run`屿讽,確保文件存在。
錯誤error:
……/flutter/bin/cache/artifacts/engine/ios/Flutter.podspec: No such file or directory
iOS需要文件.png
iOS運行結(jié)果.png
如果是安卓那邊創(chuàng)建的flutter項目,可能丟失整個ios文件夾伐谈,需要指令去創(chuàng)建
在flutter項目下的Terminal(確保路徑正確)烂完,執(zhí)行:
`flutter create .` // 表示默認語言iOS swift Android kotlin創(chuàng)建
`flutter create . -i objc` // -I表示iOS,objc表示OC語言
-i, --ios-language The language to use for iOS-specific code, either ObjectiveC (legacy) or Swift (recommended).
[objc, swift (default)]
-a, --android-language The language to use for Android-specific code, either Java (legacy) or Kotlin (recommended).
[java, kotlin (default)]
結(jié)語
擼了半年的flutter诵棵,感覺挺不錯的抠蚣,多多少少都會越到點坑,也都能解決履澳。