我要自學 Flutter! - 02 測試一下
Flutter
環境安裝好之後,肯定要測試一下吧!
本章將了解
- 如何建立 Flutter 範例
- 如何運行 Flutter
- 如何使用 “hot reload”
建立 Flutter 範例
- 打開 VS Code,輸入 Ctrl + Shift + P
- 輸入 flutter
- 選擇 “Flutter: New Project”
- 選擇 “Application”
- 選擇安裝地點並取名 “test_drive”,按下 enter,就會建立一個範例程式。
- 打開 lib/main.dart 檔案,可以查看註解,會更了解他在寫什麼
運行 Flutter
- 按下 Control + Shift + P,輸入 flutter,找到 “Flutter : Select Device”
- 選擇要運行的裝置
- 按下 F5,進入 Debugging 模式,等待裝置開啟
使用 Hot Reload
- 打開 lib/main.dart
- 改變一下 109 行的文字內容,把 “pushed” 改為 “clicked”,並存檔
- 存檔之後應該會看到文字變更了
參考: