一、Android Studio 安裝
Android Studio, 3.0或更高版本.
或者,也可以使用IntelliJ:
IntelliJ IDEA Community, version 2017.1或更高版本.
IntelliJ IDEA Ultimate, version 2017.1 或更高版本.
二、安裝Flutter和Dart插件
Flutter插件: 支持Flutter開發工作流 (運行、調試、熱重載等).
Dart插件: 提供代碼分析 (輸入代碼時進行驗證、代碼補全等).
1. 啓動Android Studio.
2. 打開插件首選項 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
3. 選擇 Browse repositories…, 選擇 Flutter 插件並點擊 install.
4. 重啓Android Studio後插件生效.
三、創建新應用
- 選擇 File>New Flutter Project
- 選擇 Flutter application 作爲 project 類型, 然後點擊 Next
- 輸入項目名稱 (如 myapp), 然後點擊 Next
- 點擊 Finish
等待Android Studio安裝SDK並創建項目.
在項目目錄中,您應用程序的代碼位於 lib/main.dart
四、運行應用程序
- 定位到Android Studio 工具欄:
- 在 target selector 中, 選擇一個運行該應用的Android設備. 如果沒有列出可用,請選擇 Tools>Android>AVD Manager 並在那裏創建一個
- 在工具欄中點擊 Run圖標, 或者調用菜單項 Run > Run.
- 如果一切正常, 您應該在您的設備或模擬器上會看到啓動的應用程序
五、體驗熱重載
Flutter 可以通過 熱重載(hot reload) 實現快速的開發週期,熱重載就是無需重啓應用程序就能實時加載修改後的代碼,並且不會丟失狀態(譯者語:如果是一個web開發者,那麼可以認爲這和webpack的熱重載是一樣的)。簡單的對代碼進行更改,然後告訴IDE或命令行工具你需要重新加載(點擊reload按鈕),你就會在你的設備或模擬器上看到更改。
- 在main.dart中將字符串
‘You have pushed the button this many times:’ 更改爲
‘You have clicked the button this many times:’ - 不要按“Stop”按鈕; 讓您的應用繼續運行。
- 要查看您的更改, 只需調用 Save All (cmd-s / ctrl-s), 或點擊 熱重載按鈕 (帶有閃電⚡️圖標的按鈕).
你就會立即看到更新後的字符串。