flutter環境搭建及跑起來demo(多圖慎入)

話很少說,直接上android

【1】環境搭建

  1. 從git上面clone下來
git clone -b beta https://github.com/flutter/flutter.git

因爲國內網絡的問題,我就出現失敗以下圖
圖片描述git

解決辦法以下
圖片描述github

git config --global http.postBuffer 524288000

網絡慢!下載速度只有幾kb?
解決辦法以下
第一步:http://tool.chinaz.com/dns到...
第二步:
github.global.ssl.fastly.net
assets-cdn.github.com
分別搜索這兩個以下圖
圖片描述網絡

第三步:選擇ttl比較低的(較好)
第四步:打開電腦好host文件(window爲例)
圖片描述app

第五步:打開hosts文件編輯
圖片描述post

第六步:刷新文件
圖片描述ui

刷新後git clone速度會快一點
圖片描述spa

完成從git把flutter clone下來的步驟.net

2.配置本地的環境變量(window)
path裏面
圖片描述code

看大家把flutter clone到哪裏,path就要指向到flutter裏面的bin文件夾
新建系統變量
圖片描述

FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.cn

還要新建一個
圖片描述

PUB_HOSTED_URL
https://pub.flutter-io.cn

PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是谷歌的國內臨時鏡像

接下來運行 flutter doctor
圖片描述

接下來安裝Android Studio
圖片描述

圖片描述

這裏還須要配置android_home等,由於以前有開發過cordova的東西,因此這些就不詳細寫出來,這些下載的包也能夠到android sdk裏面去下載


完成這些後電腦鏈接手機(要安裝驅動)
圖片描述

flutter devices

順利找到設備


【2】建立應用

圖片描述

flutter create myapp

圖片描述

建立成功,並檢查了一下手機的鏈接狀況
圖片描述

進入項目文件夾run
提示須要 android sdk platform 27 和 android sdk build-tool 26.0.2
那就到android sdk裏面去下載一下
圖片描述

下載完android sdk platform 27後,在看build-tool,已經有最新版的了,就flutter run了一下,成功跑起來
圖片描述

構建打包完成app
自動安裝到手機上
圖片描述


到這裏demo跑起來了,深夜寫完,走過路過給個讚唄

相關文章
相關標籤/搜索