小編給大家分享一下vscode編寫和使用flutter應用的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
創(chuàng)新互聯主營宏偉網站建設的網絡公司,主營網站建設方案,app軟件定制開發(fā),宏偉h5小程序設計搭建,宏偉網站營銷推廣歡迎宏偉等地區(qū)企業(yè)咨詢vscode編寫和使用flutter應用的方法是:
1、配置插件
需要在vscode中下載插件
找到這兩個插件下載好并重新加載vscode就可以了。
2、運行
flutter項目的運行命令是 flutter run
但是flutter和react-native不同的是,flutter run之后會檢測是否連接設備,如果沒有已連接的設備會不往下運行。
你可以通 flutter devices, 當然你配置了android的環(huán)境的話,也可以用dab命令, adb devices。
在項目運行起來后,在下方的終端會有一些輸出信息,編譯耗時、打debug包、安裝等。
還有有一些提示信息
當你需要熱加載的時候按 r,需要重啟應用按R。
所以當我們每一次寫好代碼保存后,只要再按一下r,就可以看到新的效果,而且flutter的熱加載比rn的更快。
3、寫第一個flutter應用。
按照flutter中文網(https://flutterchina.club/get-started/codelab/)
寫我們第一個flutter應用。
其中我個人碰到一個問題。
就是在第2步、使用外部package中,
在pubspec.yaml文件中申明了插件依賴,保存之后自動下載了,然后在main.dart文件中引用該插件,發(fā)現沒有自動補全提示,我手寫全部路徑,提示找不到。
然后重新打開vscode才好,應該是vscode對這個以來的讀取問題。
然后是接著照著中文的代碼寫。flutter的也有state,據說是根據react中的state來的想法加入的。
個人體會
flutter項目比rn流暢,編譯快,熱加載快,應用運行也更流暢,但dart語法是真蛋疼
fluuter中文網寫的文檔感覺也不是很友好,很多關鍵的東西寫的不夠具體、甚至沒寫。
沒有對state這個做解釋、沒有state的使用說明,然后那個路由也是。
看完了這篇文章,相信你對vscode編寫和使用flutter應用的方法有了一定的了解,想了解更多相關知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道,感謝各位的閱讀!