Flutter試駕(安裝)
安裝Flutter
以本人的為例:
- 操作系統(tǒng): macOS (64-bit)
- 磁盤(pán)空間: 700 MB
獲取Flutter SDK Clone Flutter repo
git clone -b beta https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export PATH=`pwd`/flutter/bin:$PATH
如果不需要翻墻國(guó)內(nèi)用戶設(shè)置就不需要設(shè)置,你懂的。
配置編輯器
Android Studio: 為Flutter提供完整的IDE體驗(yàn)
以Android Studio為例
- Android Studio, 3.0或更高版本.
- Flutter插件
- restart as
創(chuàng)建新Flutter應(yīng)用
- 選擇 File>New Flutter Project

tools
- 運(yùn)行起來(lái)就是一個(gè)正常的app,點(diǎn)擊按鈕計(jì)數(shù)增加(還是很簡(jiǎn)單的)
體驗(yàn)熱重載
Flutter 可以通過(guò) 熱重載(hot reload) 實(shí)現(xiàn)快速的開(kāi)發(fā)周期,熱重載就是無(wú)需重啟應(yīng)用程序就能實(shí)時(shí)加載修改后的代碼,并且不會(huì)丟失狀態(tài)(譯者語(yǔ):如果是一個(gè)web開(kāi)發(fā)者,那么可以認(rèn)為這和webpack的熱重載是一樣的)。簡(jiǎn)單的對(duì)代碼進(jìn)行更改,然后告訴IDE或命令行工具你需要重新加載(點(diǎn)擊reload按鈕)
- 將字符串
'You have pushed the button this many times:' 更改為
'You have clicked the button this many times:' - 不要按“Stop”按鈕; 讓您的應(yīng)用繼續(xù)運(yùn)行。
- 要查看您的更改, 只需調(diào)用 Save All (cmd-s / ctrl-s), 或點(diǎn)擊 熱重載按鈕 (帶有閃電??圖標(biāo)的按鈕).