溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vscode編寫和使用flutter應用的方法

發布時間:2020-12-11 12:40:02 來源:億速云 閱讀:458 作者:小新 欄目:軟件技術

小編給大家分享一下vscode編寫和使用flutter應用的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

vscode編寫和使用flutter應用的方法是:

1、配置插件

需要在vscode中下載插件

vscode編寫和使用flutter應用的方法

vscode編寫和使用flutter應用的方法

找到這兩個插件下載好并重新加載vscode就可以了。

2、運行

flutter項目的運行命令是 flutter run
但是flutter和react-native不同的是,flutter run之后會檢測是否連接設備,如果沒有已連接的設備會不往下運行。
你可以通 flutter devices, 當然你配置了android的環境的話,也可以用dab命令, adb devices。

在項目運行起來后,在下方的終端會有一些輸出信息,編譯耗時、打debug包、安裝等。
還有有一些提示信息

vscode編寫和使用flutter應用的方法

當你需要熱加載的時候按 r,需要重啟應用按R。
所以當我們每一次寫好代碼保存后,只要再按一下r,就可以看到最新的效果,而且flutter的熱加載比rn的更快。

3、寫第一個flutter應用。

按照flutter中文網(https://flutterchina.club/get-started/codelab/)
寫我們第一個flutter應用。
其中我個人碰到一個問題。
就是在第2步、使用外部package中,

vscode編寫和使用flutter應用的方法

在pubspec.yaml文件中申明了插件依賴,保存之后自動下載了,然后在main.dart文件中引用該插件,發現沒有自動補全提示,我手寫全部路徑,提示找不到。
然后重新打開vscode才好,應該是vscode對這個以來的讀取問題。

然后是接著照著中文的代碼寫。flutter的也有state,據說是根據react中的state來的想法加入的。

個人體會

flutter項目比rn流暢,編譯快,熱加載快,應用運行也更流暢,但dart語法是真蛋疼

fluuter中文網寫的文檔感覺也不是很友好,很多關鍵的東西寫的不夠具體、甚至沒寫。
沒有對state這個做解釋、沒有state的使用說明,然后那個路由也是。

看完了這篇文章,相信你對vscode編寫和使用flutter應用的方法有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女