iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
0
Mobile Development

Flutter 程式設計入門實戰 30 天系列 第 3

Day 3 :建立第一個 Flutter 應用程式專案

  • 分享至 

  • xImage
  •  

2024 最新 Flutter 教學 - Flutter 終極指南: 連結
從零開始學 Dart 程式設計: 連結
Flutter 程式設計入門實戰 30 天: 連結


哈囉~大家好,我是 KT ,今天【iT邦幫忙鐵人賽】挑戰第三天,KT 將為大家來介紹,如何建立第一個 Flutter 應用程式專案。

建立第一個 Flutter 應用程式專案

  • 開啟 Intellij IDEA,選擇 Create New Project

  • 選擇 Flutter -> 設定 Flutter SDK 路徑 -> Next

  • 如圖所示,分別設定「專案名稱」、「專案存檔路徑」、「專案說明」、「專案類型」、「組織名稱」、「雙平台開發語言」-> 完成後點擊右下角 Finish

  • 開啟後可以到右上角,分別點擊開啟 iPhone 和 Android 模擬器

  • 先選擇將範例專案佈署到 Android 模擬器上,然後點擊右上角綠色執行按鈕。第一次佈署需花一點建置時間。

  • 部署完成就可以在 Android 模擬器上看到 Flutter 範例專案,點擊右下角 + 按鈕可以看到中間數字會計數變化: 0->1->2->3

  • 然後再選擇將範例專案佈署到 iPhone 模擬器上,然後點擊右上角綠色執行按鈕。第一次佈署需花一點建置時間。

  • 部署完成就可以在 iPhone 模擬器上看到 Flutter 範例專案,點擊右下角 + 按鈕可以看到中間數字會計數變化: 0->1->2->3


那今天【iT邦幫忙鐵人賽】就介紹到這邊囉~

順帶一提,KT 線上教室,臉書粉絲團,會不定期發佈相關資訊,不想錯過最新資訊,不要忘記來按讚,加追蹤喔!也歡迎大家將這篇文章分享給更多人喔。

我們明天見囉!!!掰掰~

參考資料

HKT 線上教室
http://tw-hkt.blogspot.com/

Background vector created by freepik
https://www.freepik.com


上一篇
Day 2:安裝 Flutter 開發環境
下一篇
Day 4:第一支 Flutter 應用程式,Hello World
系列文
Flutter 程式設計入門實戰 30 天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言