一寿烟、Flutter 的特點與核心概念
? ? ? ??Flutter 的特點有如下幾種:
? ? ? ? ? ? 1.跨平臺 -- 目前已知至少支持的平臺有 Windows 粪躬、macOS、Linux弃揽、android睛藻、iOS,甚至支持嵌入式開發(fā)碍侦,帶來的直接好處就是減少開發(fā)成本粱坤。
? ? ? ? ? ? 2.性能良好 -- 采用GPU渲染技術(shù),所以性能極高瓷产。Flutter 編寫的應(yīng)用可以達到 60fps站玄。
? ? ? ? ? ? 3.支持插件 -- 通過?Flutter 的插件可以訪問平臺本地API,如藍牙濒旦、Wi-Fi等株旷。利用現(xiàn)有的Swift、Java尔邓、Objective C 以及C ++代碼可以實現(xiàn)原生系統(tǒng)的調(diào)用晾剖。
? ? ? ? ? ? 4.響應(yīng)式框架 -- 使用?Flutter 的響應(yīng)式框架和一系列基礎(chǔ)組件,可以輕松構(gòu)建用戶界面梯嗽。
二齿尽、開發(fā)環(huán)境搭建
? ? ? ? ? ? 1.下載獲取Flutter SDK
? ??????????????官網(wǎng)地址:https://flutter.io/sdk-archive/#macos
????????????????下載之后解壓,存放到一個目錄之下灯节,我存放在桌面循头,目錄是?/Users/RW/Desktop/flutter?
????????????????2、使用鏡像和配置環(huán)境變量
? ? ? ? ? ? ? ? ? ?國內(nèi)訪問Flutter有時可能會受到限制炎疆,F(xiàn)lutter官方良心的為中國開發(fā)者搭建了臨時鏡像卡骂,對于我這種沒有梯子的可憐人來說真的是感動的一把鼻涕一把眼淚
? ? ? ? ? ? ? ?會 vim 的終端輸入:vim ~/.bash_profile
? ? ? ? ? ? ? ?不會的vim的:open ~/.bash_profile
? ? ? ? ? ? ? ? ? ? 將以下環(huán)境變量加入到用戶環(huán)境變量中:
? ? ? ? ? ? ? ? ? ? ? ?export PUB_HOSTED_URL=https://pub.flutter-io.cn
? ? ? ? ? ? ? ? ? ? ? ?export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
? ? ? ? ? ? ? ? ? ? ? ?export PATH=/Users/RW/Desktop/flutter/bin:$PATH
? ? ? ? ? ? ? ? ? ? 其中?PATH=/ x x x x /flutter/bin:$PATH 為你下載后解壓到的路徑,上面有提到形入,我是放在桌面全跨。
? ? ? ? ? ? ? ? ? ? 保存后,記得?source $HOME/.bash_profile 刷新當前終端窗口亿遂,使剛剛配置的內(nèi)容生效浓若。
? ? ? ? ? ? ? ? ? ?3. 接下來檢查環(huán)境?
? ? ? ? ? ? ? ? ? ? ? 終端運行:flutter doctor -v
? ? ? ? ? ? ? ? ? ? 此操作第一次執(zhí)行時會比較耗時盒使,以后就不會了。完了后出現(xiàn)下圖所示七嫌,會發(fā)現(xiàn)缺少一些其他依賴少办,就按照提示一個個安裝好就行,依次往下安裝android studio和Xcode等诵原。個人根據(jù)自己的不同而操作不同英妓,比如我這里已經(jīng)安裝了Xcode 等,只需要更新iOS下的依賴和下載 Flutter 插件绍赛,按上面所說蔓纠,依次在終端執(zhí)行?brew update 、brew uninstall --ignore-dependencies libimobiledevice ...
最后面兩個叉提示我android studio需要安裝 Flutter 的插件吗蚌,那么我們打開android studio的偏好設(shè)置:
點下載腿倚,選yes后勉抓,需要一點時間下載
下載完成后會顯示:
問題解決完畢后西乖,我們回到終端輸入?flutter doctor -v
到了這里先試試?,重新啟動?android studio?后會發(fā)現(xiàn)面板上多了一個創(chuàng)建 Flutter 項目的選項澄惊。
選中后我們創(chuàng)建一個新的項目箩言,根據(jù)提示next硬贯,并運行一下我們的第一個Flutter 程序。
最后為 iOS 開發(fā)者簡單介(啰)紹(嗦)一下 Xcode 的設(shè)置
身為 iOS(菜雞)開發(fā)陨收,個人感覺并不用寫這最后一點饭豹,但又想到為了避免初次接觸 Xcode 的小伙伴想要體驗一下,還是簡單寫一下务漩,基本就是這么個步驟:
? ? ? ? 1.安裝Xcode ?-- AppStore 下載或者 https://developer.apple.com/xcode;
? ? ? ? 2.App ID拄衰;
? ? ? ? 3.證書簽名?
? ? ? ? ? ? 打開剛才用 Android Studio 創(chuàng)建的 Flutter 項目的文件夾 -> iOS/Runner.xcworkspace,配置證書簽名饵骨,初次體驗Xcode的小伙伴翘悉,可以選擇自動簽名,如下方4號紅色框宏悦。當然也可以去蘋果開發(fā)者中心配置證書
? ? ? ? 4.根據(jù)提示登陸自己的Apple ID
? ? ? ? 5. command + B 編譯 -?command +?R 運行
到這里為止镐确,環(huán)境搭建就全部完成啦,接下來就是各位大神們一展身手的時候了饼煞。