Flutter是谷歌的移動(dòng)UI框架特石,可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面盅蝗。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界姆蘸,F(xiàn)lutter正在被越來(lái)越多的開發(fā)者和組織使用墩莫,并且Flutter是完全免費(fèi)、開源的逞敷。下面是正對(duì)MAC pro進(jìn)行的環(huán)境配置狂秦。使用flutter的優(yōu)勢(shì):
·跨平臺(tái): 現(xiàn)在Flutter至少可以跨4種平臺(tái),甚至支持嵌入式開發(fā)推捐。我們常用的有 Linux裂问、Android、IOS牛柒,甚至可以在谷歌最新的操作系統(tǒng)上 Fuchsia 進(jìn)行運(yùn)行堪簿。到目前為止,F(xiàn)lutter算是支持平臺(tái)最多的框架了皮壁,良好的跨平臺(tái)性椭更,直接帶來(lái)的好處就是減少開發(fā)成本。
·原生用戶界面: 它是原生的蛾魄,讓我們的體驗(yàn)更好虑瀑,性能更好。用官方的話講就是平滑而自然的滑動(dòng)效果和平臺(tái)感知畏腕,為您的用戶帶來(lái)全新的體驗(yàn)缴川。
·開源免費(fèi): 這個(gè)不用多說(shuō),我們只要學(xué)會(huì)并使用描馅,這些都是免費(fèi)的把夸。這對(duì)于大公司是非常必要的,有人說(shuō)你可以用破解版什么的....
1.flutter中文網(wǎng) https://flutterchina.club/get-started/install/
環(huán)境的配置铭污,先去flutter官網(wǎng)去下載對(duì)應(yīng)的平臺(tái)的flutter sdk恋日,然后解壓生成的flutter文件放入 應(yīng)用文件 中。然后打開終端進(jìn)行環(huán)境配置嘹狞。
- cd ~/development
2.vim ~/.bash_profile
3.編輯.bash_profile文件岂膳, 輸入 I 進(jìn)入編輯狀態(tài)
export PATH=$PATH:/Applications/flutter/bin
esc+:wq 然后點(diǎn)擊enter鍵保存退出。
4.進(jìn)入終端輸入: source ~/.bash_profile
5.flutter help (有很多關(guān)于flutter的幫助語(yǔ)句出現(xiàn)磅网,說(shuō)明咋們的flutter的 SDK已經(jīng)安裝成功了)L附亍!!簸喂!
6.flutter doctor -> 看是否還有其他的依賴項(xiàng)需要安裝毙死。
[?] Android toolchain - develop for Android devices
? Unable to locate Android SDK.
Install Android Studio from:
https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK
components.
(or visit https://flutter.dev/setup/#android-setup for detailed
instructions).
If the Android SDK has been installed to a custom location, set
ANDROID_HOME to that location.
You may also want to add it to your PATH environment variable.
[!] Xcode - develop for iOS and macOS
? Xcode installation is incomplete; a full installation is necessary for iOS
development.
Download at: https://developer.apple.com/xcode/download/
Or install Xcode via the App Store.
Once installed, run:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
前面打X的都是你現(xiàn)在的電腦環(huán)境需要安裝的。
這里說(shuō)明我需要配置Android SDK喻鳄,和xcode的安裝扼倘。
3.sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
已經(jīng)安裝了xcode,則配置對(duì)應(yīng)路徑下的xcode進(jìn)行配置除呵。
4.sudo xcodebuild -license 允許許可再菊。space鍵確定
5.open -a Simulator 設(shè)置iOS模擬器
6.打包 flutter build 命令說(shuō)明,
flutter build ios 生成iOS ipa包
flutter build apk 生成apk包
但是兩個(gè)的生成路徑不一樣颜曾,iOS是在flutter工程文件下的build->ios->iphoneos/Runner.app
apk包在build->app->outputs->apk->release->app-release.apk