flutter安裝詳解--初體驗--問題解決

Dale_Dawson發表於2019-04-03

一、下載安裝

1.下載

開啟如下連結 flutter.cn/docs/get-st… 選擇自己的作業系統,我的是win10,所以選擇windows 然後點選圖中的按鈕下載最新版本 stable 的 Flutter SDK

flutter安裝詳解--初體驗--問題解決
當然下載好了就解壓到某一個目錄下

2.配置環境變數

將剛剛解壓的flutterwen資料夾下的bin所在的目錄配置到環境變數的Path(沒有就新建一個)中。 直接上圖吧,清晰明瞭

flutter安裝詳解--初體驗--問題解決

3.開始安裝flutter的sdk,安裝的時候可能會很慢,因為訪問的是外國的,所以你懂的。但是可以通過新增映象

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

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

你可以在dos命令列中分別輸入

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

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

也可以像上圖一樣手動新增,如下圖

flutter安裝詳解--初體驗--問題解決
flutter安裝詳解--初體驗--問題解決

4.安裝

在dos命令列輸入以下命令

flutter doctor 
複製程式碼

Flutter 就會自動配置安裝

flutter安裝詳解--初體驗--問題解決
flutter會自動檢測一系列的項,編輯器的話Android studio,IntelliJ IIDEA,VS Code安裝一個即可 圖中第二項報了一個感嘆號,我們需要處理以下 輸入以下命令

flutter doctor --android-licenses
複製程式碼

接下來需要輸入好幾個y 來確定授權,完畢後再次輸入flutter doctor 可以發現只有最後一項感嘆號,沒有可用裝置,開一個模擬器或者連結真機就可以了。

二、體驗

1.工具下載

開啟android studio,找到Settings,再點選Plugins,在搜尋框搜尋flutter

flutter安裝詳解--初體驗--問題解決
我這裡已經安裝過了,沒有安裝就點選install,期間會彈出安裝Dart的提示,這個當然也是需要安裝的

2.新建工程

點選 New Flutter Project...

flutter安裝詳解--初體驗--問題解決
選中第一個,Next
flutter安裝詳解--初體驗--問題解決
命名選中sdk所在地址,繼續Next
flutter安裝詳解--初體驗--問題解決
然後輸入包名,就Finish吧

3.執行專案

開啟模擬器或者連線真機,點選那個綠綠的按鈕

flutter安裝詳解--初體驗--問題解決
過程並非如此順利

卡在Initializing gradle

這個事在android開發過程中也遇到過,估計是下載gradle,然後網不給力就會出現,一個最簡單的方法是掛代理,這個我沒實踐,具體可以參考其他資料。第二就是手動下載後放到gradle_dir目錄下,我建立專案的時候,工程使用的gradle版本是3.1.2,ubuntu系統gradle預設目錄是~/.gradle/,下載後放到wrapper/dists/裡,在terminal輸入flutter config --gradle-dir /path/to/gradle

卡在Resolving dependencies或報錯

在android/build.gradle裡可以看到預設的配置為

 google()      
jcenter()
複製程式碼

也就是說包是從google()和jcenter下載的,看到google,就懂了 又是長城的問題。方法:替換成阿里的源

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
複製程式碼

修改後的檔案:

flutter安裝詳解--初體驗--問題解決
終於到了見證奇蹟的時刻!
flutter安裝詳解--初體驗--問題解決
專案跑起來了

希望本文對你有所幫助,過程中可能還會遇到其他問題,歡迎留言,小編會盡可能幫你解決哦。

相關文章