創建第一個flutter移動端項目,以及遇到的N個坑,適合flutter小白

光看不練空把式,那就建一個flutter項目練練手吧,最最簡單的那種,能安裝在手機上輸出個“hello world”的那種。沒想到的是,即使是最最簡單的,也搗鼓了一天。19年安裝的Android studio,打開一看版本是3.5.1的,版本會不會太舊,不管了先運行起來再說吧。但最終沒有運行起來,還是去下載了一個最新版本的Android studio。

環境說明

系統環境:win10家庭版
Android studio版本:4.2.1(目前官網最新)
flutter sdk:2.2.2(目前官網最新)

第一步,從Android studio官網,下載最新的安裝版本。

系統各個版本安裝指南:安裝 Android Studio | Android 開發者 | Android Developers (google.cn)

第二步,配置flutter SDK,從Flutter官網下載最新的穩定版本的SDK,解壓後放在某個盤新建的flutter-sdk文件夾下。


注意事項:不要放在權限高的文件夾下。

第三步,給Android Studio安裝flutter 、Dart 插件,以便可以創建flutter項目。

第四步,創建flutter項目。
在Android Studio菜單裏 File -> new -> new flutter project ,打開如下窗口,創建一個flutter app的應用。

第五步,運行創建的flutter項目。
爲了方便起見,直接將自己的手機與電腦用數據線相連,並開啓以下兩個操作。


注意事項: 手機上也需要設置一下,打開 設置-》系統和更新-》開發人員選項 ,在這個頁面裏開啓開發者選項和USB調試;

再看Android Studio的菜單,就會出現你的手機對應的型號,點擊右邊的三角就可以運行起來。




這個demo是開發工具自帶的最簡單的移動端應用,點擊懸浮按鈕,中間的文本框就會加一,點擊一次加一次,還是很簡單的。

在創建第一個項目的時候,開發環境的配置真是個問題,遇到了N多情況。
1.作爲一個移動開發小白,怎麼設置模擬器都是個問題,這裏可以參考第四步,直接用真機,現在誰的手裏沒有一兩部手機呢,先用真機玩起來,模擬器如何設置後面再說。

2.由於安裝出錯,反覆安裝了幾次,結果再次啓動時報錯:Missing essential plugin: org.jetbrains.android Please reinstall Android


解決辦法:刪除安裝路徑下的disabled_plugins.txt,這個文件夾是隱藏的,得查看隱藏文件才能看到。
C:\Users\username\AppData\Roaming\Google\AndroidStudio4.2.1\disabled_plugins.txt

3.新安裝的Android studio項目,flutter、dart也下載了,flutter sdk也配置了,怎麼就是沒有create new flutter project菜單?
也使用過其他解決辦法,但是沒解決,最後在安裝了下圖中的插件,這個問題完美解決。

萬事開頭難,新學習一門語言,總會遇到一些前所未有的困難,開發環境的配置就是一個門檻,這其實很正常。剛學編程那會兒,有多少同學死在開發環境的配置上,現在想來太可惜了。

也曾經把編程環境的配置當做一種難題,每次遇到這個難題,就去求救那些有經驗的“老人”。但是今天,我也成爲了一名“老人”,總該擔當起來,給小輩們做點指點,於是多花了一點時間把坑一個個填平,坑填平了,下面的路就好走多了。這些填過的坑無意中又成爲了經驗。

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