iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0
自我挑戰組

30 天初探 Flutter系列 第 8

Day 8 - Flutter 終於開場?

  • 分享至 

  • xImage
  •  

學完了 Dart 一些基礎語法,我們終於可以往前邁進了,今天回到輕鬆一點的(?),先來架設開發 Flutter 所需要的環境。

之前已經介紹過如何安裝 Dart SDK 所以還沒安裝的可以再去 ——— 看如何下載唷~

  • Flutter

Flutter 提供 Windows / MacOS / Linux / Chrome OS 四大平台下載,我主要使用 Linux 所以就示範 Linux 的安裝,其他平台可以在按照官方文件說明下載。

點進 Linux 系統說明如何安裝前,先確認一下自己的環境配置是否符合規格

如果你是 Ubuntu 16.04 LTS (Xenial Xerus) 版本以下的建議先安裝 snap 就可以透過 snap 安裝 flutter SDK,以上版本的話已經內建 snap 囉~(想確認自己 Linux 版本的話可以在 terminal 輸入lsb_release -a

接著在終端機輸入 flutter sdk-path 開始安裝!看似安裝完成一切都很順利,但是其實要開發 APP 當然需要一些其他的,這時候可以使用 flutter doctor 語法還確認我們還缺了什麼(像是跑測試一樣出現 X 就代表我們還有沒安裝的)

1

因為我們在 Linux 上因此告知我們還需要 Android 的程式整合開發環境(Android Studio)包含 Android 的 SDK

下載連結 或直接在 Ubuntu Software 找到

Imgur

Imgur

安裝完畢

Imgur

再檢查一次

Imgur

變成 [i] ,接著來處理 cmdline-tools component 問題

Imgur

打開 Android Studio 到路徑 Android Studio → File → Settings → Appearance & Behavior → System Settings -> Android SDK →SDK Tools tab 將 Android SDK Command-line Tools 勾起來

Imgur

看起來修正了,接著是 license 問題

Imgur

按照他的指示 flutter doctor --android-licenses

Imgur

一路 y 後,大功告成!

Imgur

環境都安裝的差不多囉~接下來就可以來開啟 Flutter 專案了!

OK~我們明天見!


上一篇
Day 7 - Dart 的物件導向
下一篇
Day 9 - 人生中第一個 Flutter
系列文
30 天初探 Flutter14
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言