iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
Mobile Development

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

Day 3 準備Flutter開發環境(一)

  • 分享至 

  • xImage
  •  

由於安裝步驟些許繁雜,因此我會分兩天一一講解,也有附圖片及步驟供各位參考呦!

開發環境架設
(一) 在Windows上取得SDK並設定環境變數:
步驟1:在https://flutter.dev/docs/get-started/install/windows 下載最新的SDK版本。
https://ithelp.ithome.com.tw/upload/images/20210915/20140524Zq2qgl5CQt.png
步驟2:解壓縮(不要儲存於C槽)。
步驟3:設定環境變數:配置Flutter國內映象地址。
於左下角搜尋欄輸入環境變數,點選編輯系統環境變數
https://ithelp.ithome.com.tw/upload/images/20210915/20140524Pz2k0vSWPR.png
點選進階內的環境變數
https://ithelp.ithome.com.tw/upload/images/20210915/201405240AQG436m5X.png
按新增
https://ithelp.ithome.com.tw/upload/images/20210915/20140524I94iRA5Xjf.png
變數名輸入PUB_HOSTED_URL,變數值輸入https://pub.flutter-io.cn ,然後點選確定
https://ithelp.ithome.com.tw/upload/images/20210915/20140524ytlpa0weHu.png
繼續新增,變數名為FLUTTER_STORAGE_BASE_URL,變數值為https://storage.flutter-io.cn ,最後點選確定
https://ithelp.ithome.com.tw/upload/images/20210915/201405242LkSwmMl2W.png
將Flutter也配置到環境變數中,編輯PATH,將D:\Flutter\flutter_windows_2.2.3-stable\flutter\bin配置進去
https://ithelp.ithome.com.tw/upload/images/20210915/2014052404AXgruXNl.png

(二) 安裝Android Studio
步驟1:在https://developer.android.com/studio 下載Android Studio。
步驟2:根據安裝過程設定所需物件,一直點擊Next即可安裝成功。
步驟3:建立Android模擬器:點選Tools內的AVD Manager。
https://ithelp.ithome.com.tw/upload/images/20210915/20140524pVbDr8zwt1.png
選擇Create Virtual Device (由於我本身安裝過了,因此結果顯示如下)
https://ithelp.ithome.com.tw/upload/images/20210915/201405242SgQzePkSF.png

安裝的部分今天先介紹到這邊,明天會繼續,敬請期待。

參考資料
橫跨Android及Apple的神話:用Dart語言神啟Flutter大業1.4節
https://flutter.dev/docs/get-started/install/windows
https://iter01.com/546460.html


上一篇
Day 2 Flutter介紹
下一篇
Day 4 準備Flutter開發環境(二)
系列文
一起學Flutter,和我變Better!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言