DOJO004

  • Dashool 創辦人
  • 喜歡調酒
  • Rails、Nextjs、TypeScript

我要自學 Flutter! - 02 測試一下

Flutter

環境安裝好之後,肯定要測試一下吧!

本章將了解

  • 如何建立 Flutter 範例
  • 如何運行 Flutter
  • 如何使用 “hot reload”

建立 Flutter 範例

  1. 打開 VS Code,輸入 Ctrl + Shift + P
  2. 輸入 flutter
  3. 選擇 “Flutter: New Project”
  4. 選擇 “Application”
  5. 選擇安裝地點並取名 “test_drive”,按下 enter,就會建立一個範例程式。
  6. 打開 lib/main.dart 檔案,可以查看註解,會更了解他在寫什麼

運行 Flutter

  1. 按下 Control + Shift + P,輸入 flutter,找到 “Flutter : Select Device”
  2. 選擇要運行的裝置
  3. 按下 F5,進入 Debugging 模式,等待裝置開啟

使用 Hot Reload

  1. 打開 lib/main.dart
  2. 改變一下 109 行的文字內容,把 “pushed” 改為 “clicked”,並存檔
  3. 存檔之後應該會看到文字變更了
參考:

版權所有 © 2023 DOJO004

Deployed on Zeabur