小編給大家分享一下vscode編寫和使用flutter應用的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
創新互聯主營宏偉網站建設的網絡公司,主營網站建設方案,app軟件定制開發,宏偉h5小程序設計搭建,宏偉網站營銷推廣歡迎宏偉等地區企業咨詢vscode編寫和使用flutter應用的方法是:
1、配置插件
需要在vscode中下載插件
找到這兩個插件下載好并重新加載vscode就可以了。
2、運行
flutter項目的運行命令是 flutter run
但是flutter和react-native不同的是,flutter run之后會檢測是否連接設備,如果沒有已連接的設備會不往下運行。
你可以通 flutter devices, 當然你配置了android的環境的話,也可以用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文件中引用該插件,發現沒有自動補全提示,我手寫全部路徑,提示找不到。
然后重新打開vscode才好,應該是vscode對這個以來的讀取問題。
然后是接著照著中文的代碼寫。flutter的也有state,據說是根據react中的state來的想法加入的。
個人體會
flutter項目比rn流暢,編譯快,熱加載快,應用運行也更流暢,但dart語法是真蛋疼
fluuter中文網寫的文檔感覺也不是很友好,很多關鍵的東西寫的不夠具體、甚至沒寫。
沒有對state這個做解釋、沒有state的使用說明,然后那個路由也是。
看完了這篇文章,相信你對vscode編寫和使用flutter應用的方法有了一定的了解,想了解更多相關知識,歡迎關注創新互聯行業資訊頻道,感謝各位的閱讀!
文章名稱:vscode編寫和使用flutter應用的方法-創新互聯
轉載來源:http://vcdvsql.cn/article26/hojjg.html
成都網站建設公司_創新互聯,為您提供營銷型網站建設、網站設計、電子商務、虛擬主機、做網站、品牌網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯