最近flutter比較火怒医,又是跨平臺開發(fā),據(jù)說國內(nèi)某些線上APP已經(jīng)部分混合開發(fā)了脆丁,經(jīng)不住網(wǎng)上的各種追捧世舰,想著大前端的統(tǒng)一,咱也要擁抱一下變化槽卫。
現(xiàn)在整理了一下Mac下flutter環(huán)境配置以及第一個項目運行跟压。
本地配置在下面??的截圖中有
1.下載Flutter SDK
提供兩種方式
- 使用git克隆Flutter,命令:git clone -b beta https://github.com/flutter/flutter.git
- 從官網(wǎng)下載flutter
2.配置環(huán)境變量
打開當前目錄下的.bash_profile文件
vi ~/.bash_profile
復制一下代碼并保存
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=${PATH}:${PWD}/flutter/bin
3.檢查當前安裝依賴
執(zhí)行flutter doctor -v
本地基本已經(jīng)安裝好了Android studio和xcode,所以這里邊基本沒有報太多的相關(guān)依賴缺失歼培。
按照檢測結(jié)果的說明震蒋,如果有[!] ? 標志,表示本行檢測不通過躲庄,需要做一些設(shè)置或者安裝一些軟件查剖。Flutter和Dart插件需要你在Android studio中下載安裝。
這些完成之后你就可以開啟一個flutter項目啦读跷。
找了一個據(jù)說是全網(wǎng)最100%還原豆瓣客戶端的flutter項目跑了一下梗搅,在iphone6上的流暢度有點難以接受,xs上勉強接受效览,暫不知后期的優(yōu)化空間有多大无切。這個還有待后續(xù)考究。
- 個人感覺流暢度方便相比原生還是差了不少丐枉。
- 有些新建flutter項目時會卡死在Creating Flutter Project狀態(tài)哆键,網(wǎng)上也提供了解決方案
- 有些flutter demo會報Error: Dart SDK is not configured,需要你手動去配置Dart SDK path.
參考