ETH官方钱包

前往
大廳
主題

APP程式設計EP.1

小菘 | 2023-09-14 22:24:26 | 巴幣 0 | 人氣 140

需要用到flutter 和 android studio
點我前往flutter
點擊右上角

這頁面就是官方教學
依照平臺去下載(以Windows範例)
點那個zip下載就對了
之後建議解壓縮到C:\底下
接著要新增path
先去設定,點左上的系統,滑到最下面的關於
點進階系統設定(專業版)
如果是家用的好像是點系統資訊,然後左邊有一排東西,應該有進階系統設定
之後點環境變數
我自己是上下的Path都有設,先點編輯
(我這邊已經加好了)
點新增→瀏覽
去找
C:\flutter\bin
C:\flutter\bin\cache\dart-sdk\bin
下面的系統變數也一樣
之後打開命令提示字元
輸入where flutter dart
如果成功的話會出現
沒有的話重新操作應該就有了
或是要用系統管理員身分執行
再來一樣是命令提示字元輸入flutter doctor指令
等他一下會跑出一堆東西,我們要讓他全部打綠勾才算完成
所以就看哪個不是綠勾的就去解決
正常來說
Android toolchain
Visual Studio
Android Studio
不是綠勾(好像,畢竟做過就忘XD)
看需求選版本下載,個人是最左邊Community,應該安裝完就好了吧(我也不是很確定,因為我是之前寫C去載的,所以可以下個C++或C的套件用)
基本點綠色那個下載,一直next就好
打開後應該是這個介面
先去左邊Plugins載Flutter,他會問你要不要載Dart,點要
再回Projects,點右上的New Flutter Project
將Flutter設定成這樣後點Next
Project name隨意
Platforms只勾Android 和 iOS就好
再按Create
進去後還要去載SDK,Tools→SDK Manager
SDK Platforms有API34就好(應該,我是有載目前手機的作業系統版本
重要的是點SDK Tools
該勾的都勾,我是AMD CPU所以Intel x86那個就沒勾,如果是Intel CPU可以勾(好像會加速
之後等他安裝,安裝完後關掉再去重開命令提示字元,重新輸入flutter doctor,再輸入下面那個指令,讓他跑一下會跳出y/n,一直按y就對了
到這邊前置作業都差不多,有問題就是flutter doctor,之後我們再重建一個flutter project
(由於我之前裝過git,然後就一直找不到路徑而發生衝突,總之解安裝git就對了,不是每個人都遇到的狀況就是了)
*更,終端輸入git config --global --add safe.directory '*'
解決方法
左邊小視窗要是project,有個資料夾lib,main.dart就是我們的檔案
要測試就是去右上角的Device Manager,點Create Device,手機型號隨意(我是用Pixel 5,Play Store沒圖案的
作業系統沒指定應該是API 34,想要其他的也可以下載吧(?
按Finsish
為了解放手機,點File,再點Settings
點Tools,再點Emulator,把Launch in a tool window取消勾選
之後啟動手機
應該會長這樣,之後就可以編譯程式了,main.dart是範例程式,功能是計數(跑有點久是正常)
大概是長這樣


創作回應

更多創作