iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
Mobile Development

好好用的 flutter 套件系列 第 1

好好用的 flutter 套件 - Day 1 前言及安裝和環境配置

  • 分享至 

  • xImage
  •  

前言

我是一名Android 工程師, 去年開始寫 Flutter App , 寫了幾個月後,突然想到就數了一下在專案內用的 Package 數量,天呀竟然用了50個 Packages ,會不會太多了呀?

在參加Flutter群時, 詢問了一下社群大大們,用這麼多的Packages是不是正常的,各位大大給的答案是”滿正常的”,這樣我這個Flutter菜鳥(Dash 如圖) 就放心不少了。

接下來我們還是先看一下 如何安裝 Flutter 吧

https://ithelp.ithome.com.tw/upload/images/20230915/20121643ypZxqBAsi1.png

安裝和環境配置

step1: 下載flutte sdk,然後解壓縮。

windows

https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_3.13.4-stable.zip

mac

intel chip
https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_3.13.4-stable.zip

apple chip
https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_arm64_3.13.4-stable.zip

step2: 到把其中的 flutter 目錄整個放在你想放置 Flutter SDK 的路徑(例如:D:\dev\flutter)

step3: 設定path

Windows

在開始選單的搜尋功能鍵入「env」,然後選擇 編輯系統環境變數。

在 使用者變數 一欄中,檢查是否有 Path 這個條目:

如果存在這個條目,以 ; 分隔已有的內容,加入 flutter\bin 目錄的完整路徑。

如果不存在的話,在使用者環境變數中建立一個新的 Path 變數,然後將 flutter\bin 所在的完整路徑作為新變數的值。

MAC

export PATH="$PATH:pwd/flutter/bin"

執行 flutter doctor 用來檢查環境是否ok

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; ![https://ithelp.ithome.com.tw/upload/images/20230915/20121643oa0eh83POR.png](https://ithelp.ithome.com.tw/upload/images/20230915/20121643oa0eh83POR.png)download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.tw/setup/#android-setup for detailed instructions.

看來是還沒安裝Android Studio

step1: 下載並安裝 Android Studio。

step2: 執行 Android Studio,並進入 ‘Android Studio Setup Wizard’,這會安裝最新的 Android SDK, Android SDK Platform-Tools 以及 Android SDK Build-Tools,這些都是在開發 Android Flutter 應用時所需要的。

再執行 flutter doctor ,有打勾就完成環境設定嘍

https://ithelp.ithome.com.tw/upload/images/20230915/20121643Ak5Rzqoy6R.png


下一篇
好好用的 flutter 套件 - Day 2 來一個flutter 的Demo App吧
系列文
好好用的 flutter 套件30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言