iOS開發人員搭建flutter開發環境:打卡
2018年移動端如果說有什麼新東西出來的話,Flutter是當仁不讓的了。為什麼叫“打卡flutter”,因為我只是把開發環境建好,並把示例工程執行起來。
目標:在mac一體機上,搭建flutter環境,並在iphone模擬器上執行起來。
flutter的開發環境不像搭建iOS環境,只要安裝個Xcode就完事;是很多工具的集合,原本以為要個1天時間,實際上搭建過程還是簡單、順利的。(之前我建Appium環境就花了1天多少時間。)
第一步:完整Flutter SDK包
下載地址和安裝過程
下載 https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.0.0-stable.zip
解壓 $ unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip
配置路徑 $ export PATH="$PATH:`pwd`/flutter/bin"
第二步:安裝iOS部署工具
$ brewinstall--HEADusbmuxd $ brewlink usbmuxd $ brew install --HEAD libimobiledevice $ brew install ideviceinstaller ios-deploy cocoapods $ pod setup
第三步:run一個Flutter應用
開啟本地iPhone模擬器 $ open -a Simulator
建立一個應用 $ flutter create my_app
run這個應用 $ flutter run
就這麼簡單,你會看到一個應用在模擬器上執行起來了。
最後,安裝一個IDE開發環境
到這步為止,我們還缺少一個整合開發環境(IDE)。由兩部分組成
先安裝Android Studio,這裡我遇到了些麻煩;因為被牆了,所以可以自己去搜索個國內可以下載的安裝包。
然後,安裝Flutter和Dart(Flutter開發語言)外掛:
1,在Android Studio中,Preferences -> Plugins
2,選擇Browse repositories,然後選擇Flutter plugin,進行安裝。
3,重啟Android Studio,就可以看到建立Flutter工程的嚮導了。
在IDE環境裡還可以進行下斷點除錯。
其他一些故事:
1,為什麼Flutter會用到Android Studio?
-- 因為Flutter和Android都是Goolge的。Flutter可以一次開發,同時執行在iPhone和Android上。
2,Flutter應用很廣了嗎?
-- 沒有。它的1.0正式版其實是到2018年12月5日才釋出的。
-- 國內閒魚App開發團隊已經在實際工程中使用,並開發了10多個頁面。Flutter官網上的第一個showcase就是閒魚。
3,參考網站?
-- Flutter官網 https://flutter.io/
-- 閒魚對Flutter的運用:https://www.yuque.com/xytech/flutter