Windows Android Studio搭建Flutter開發環境 從放棄堅持到成功

Flutter中文網:https://flutterchina.club/

小編開始參考的是Flutter中文網裏的《Flutter實戰》,但是感覺步驟怎麼如此複雜、奇怪,瞬間失去興趣,不想這麼操作

在這裏插入圖片描述
在這裏插入圖片描述

Flutter官網:https://flutter.dev/

打開百度,搜索到Flutter官網,操作如下:
在這裏插入圖片描述
在這裏插入圖片描述

系統要求

在這裏插入圖片描述
安裝了git就行了,先不管這麼多,怎麼簡單怎麼來。

下載Flutter SDK(必須的步驟

在這裏插入圖片描述
這裏是說可以直接下載SDK壓縮包,注意:不要放置在C:\Program Files\ 這種系統相關的文件夾下。
也可以用git進行下載。
然而用git下載的時候,小編沒有翻牆,只有20Kb/s,簡直要命。
關鍵是下載下來以後,用死丟丟關聯的時候還提示,flutter SDK is not complete,表示一臉懵逼

在這裏插入圖片描述
所以小編建議,直接下載壓縮包,反正我用這個方法是成功了。

配置環境變量

小編不確定環境變量是否一定要配置,有可能不需要配置

在這裏插入圖片描述
小編下載的flutter SDK是這樣放置的,
在這裏插入圖片描述
在這裏插入圖片描述
添加D:\flutter\bin;就行

執行flutter doctor命令

在這裏插入圖片描述
該命令是爲了檢測環境搭建是否成功

雙擊flutter SDK目錄下的flutter_console.bat,輸入flutter doctor命令,即可看到配置的結果,如果有毛病,先不管。
在這裏插入圖片描述

安裝Android Studio

安裝 Dart、Flutter插件(必須的步驟)

在這裏插入圖片描述
在這裏插入圖片描述

Android Sutdio創建Flutter工程

在這裏插入圖片描述
點擊死丟丟的file->new Flutter Project

選擇Flutter SDK的路徑,這步操作相當奇怪,小編當時死活會報錯,說sdk不完整之類的問題,重啓死丟丟無果,重啓電腦就沒毛病了。
在這裏插入圖片描述

Android Sutdio運行Flutter工程

點擊run,結果報錯:

FAILURE: Build failed with an exception.

* What went wrong:
Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'.
> Could not resolve all task dependencies for configuration ':app:debugCompileClasspath'.
   > Could not resolve io.flutter:flutter_embedding_debug:1.0.0-fd60ddf7517ce2bfd6577636bda2065c0e492664.
     Required by:
         project :app
      > Could not resolve io.flutter:flutter_embedding_debug:1.0.0-fd60ddf7517ce2bfd6577636bda2065c0e492664.
         > Could not get resource 'https://storage.googleapis.com/download.flutter.io/io/flutter/flutter_embedding_debug/1.0.0-fd60ddf7517ce2bfd6577636bda2065c0e492664/flutter_embedding_debug-1.0.0-fd60ddf7517ce2bfd6577636bda2065c0e492664.pom'.
   

網上看到的解決方法:

 maven { url 'http://download.flutter.io' }

添加以上代碼,如圖:
在這裏插入圖片描述
點擊run,就會看到界面,大功告成。
在這裏插入圖片描述

總結:

必須的步驟貌似只有Flutter SDk下載,Dart、Flutter插件安裝。

當開發環境搭建過於複雜的時候,頻繁嘗試不得果,往往會影響積極性,不妨用自己認爲最簡單快速的方式去操作。
配置後,如果還是不行,不妨重啓開發工具,重啓還是不行,不妨重啓電腦,重啓電腦還是不行,不妨重裝系統,重裝系統還是不行,不妨換臺電腦。有些坑往往就是那麼讓人一臉懵逼。

在這裏插入圖片描述

歡迎分享、轉載、聯繫、指正、批評、撕逼

Github:https://github.com/AnJiaoDe

簡書:https://www.jianshu.com/u/b8159d455c69

CSDN:https://blog.csdn.net/confusing_awakening

ffmpeg入門教程:https://www.jianshu.com/p/042c7847bd8a

微信公衆號
這裏寫圖片描述

QQ羣

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章