iT邦幫忙

2021 iThome 鐵人賽

DAY 4
0
Mobile Development

一起學Flutter,和我變Better!系列 第 4

Day 4 準備Flutter開發環境(二)

  • 分享至 

  • xImage
  •  

我們接續昨天繼續來安裝Flutter吧!

(三) 在Android Studio上安裝Flutter開發外掛程式
點選File內的Settings
https://ithelp.ithome.com.tw/upload/images/20210916/20140524Q3pZBEMUBQ.png
在Plugins內搜尋Flutter (安裝時會要求安裝Dart)https://ithelp.ithome.com.tw/upload/images/20210916/20140524pAPNRnukFk.png
安裝完成後,重啟Android Studio,若看到"Create new flutter project"代表成功
https://ithelp.ithome.com.tw/upload/images/20210916/20140524LdiRgxjVmq.png

(四) 把Android SDK路徑配置到系統變數裡面
先到File裡面找到New Projects Settings的Default Project Structurehttps://ithelp.ithome.com.tw/upload/images/20210916/20140524X0W8yk3YTy.png
找到SDK的路徑
https://ithelp.ithome.com.tw/upload/images/20210916/20140524p4Ix1CRpjD.png
複製這個路徑到PATH中,變數名為ANDROID_HOME
https://ithelp.ithome.com.tw/upload/images/20210916/20140524xO3GRxztaq.png
也將此路徑新增到系統變數
https://ithelp.ithome.com.tw/upload/images/20210916/20140524L0wtItv8ns.png
到SDK的資料夾中將build-tools、platform-tools、tools資料夾的路徑新增道系統變數中的Path
https://ithelp.ithome.com.tw/upload/images/20210916/20140524LbjiZeQswc.png
https://ithelp.ithome.com.tw/upload/images/20210916/20140524bpOcqbGDP4.png
https://ithelp.ithome.com.tw/upload/images/20210916/20140524KlLpuiy9Iq.png
執行flutter doctor後,沒有錯誤,代表你成功啦!
https://ithelp.ithome.com.tw/upload/images/20210916/201405249h9823Ib9d.png
選擇需要安裝的模擬器
https://ithelp.ithome.com.tw/upload/images/20210916/20140524MWzP6Gf2Ql.png
https://ithelp.ithome.com.tw/upload/images/20210916/20140524T6G4Jx4Jfi.png
在配置頁面選擇Hardware - GLES 2.0
https://ithelp.ithome.com.tw/upload/images/20210916/20140524TehToF2T1o.png
新建一個專案後即完成
https://ithelp.ithome.com.tw/upload/images/20210916/201405240E6dWz7FIm.png

如此一來就安裝完成了!希望我的講解有幫助到各位,明天我將會介紹Flutter指令,敬請期待。

參考資料
橫跨Android及Apple的神話:用Dart語言神啟Flutter大業1.4節
https://www.jianshu.com/p/c79823506b04


上一篇
Day 3 準備Flutter開發環境(一)
下一篇
Day 5 Flutter的常用指令與HelloWorld執行
系列文
一起學Flutter,和我變Better!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言