小編給大家分享一下vscode編寫和使用flutter應(yīng)用的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
vscode編寫和使用flutter應(yīng)用的方法是:
1、配置插件
需要在vscode中下載插件
找到這兩個插件下載好并重新加載vscode就可以了。
2、運行
flutter項目的運行命令是 flutter run
但是flutter和react-native不同的是,flutter run之后會檢測是否連接設(shè)備,如果沒有已連接的設(shè)備會不往下運行。
你可以通 flutter devices, 當然你配置了android的環(huán)境的話,也可以用dab命令, adb devices。
在項目運行起來后,在下方的終端會有一些輸出信息,編譯耗時、打debug包、安裝等。
還有有一些提示信息
當你需要熱加載的時候按 r,需要重啟應(yīng)用按R。
所以當我們每一次寫好代碼保存后,只要再按一下r,就可以看到新的效果,而且flutter的熱加載比rn的更快。
3、寫第一個flutter應(yīng)用。
按照flutter中文網(wǎng)(https://flutterchina.club/get-started/codelab/)
寫我們第一個flutter應(yīng)用。
其中我個人碰到一個問題。
就是在第2步、使用外部package中,
在pubspec.yaml文件中申明了插件依賴,保存之后自動下載了,然后在main.dart文件中引用該插件,發(fā)現(xiàn)沒有自動補全提示,我手寫全部路徑,提示找不到。
然后重新打開vscode才好,應(yīng)該是vscode對這個以來的讀取問題。
然后是接著照著中文的代碼寫。flutter的也有state,據(jù)說是根據(jù)react中的state來的想法加入的。
個人體會
flutter項目比rn流暢,編譯快,熱加載快,應(yīng)用運行也更流暢,但dart語法是真蛋疼
fluuter中文網(wǎng)寫的文檔感覺也不是很友好,很多關(guān)鍵的東西寫的不夠具體、甚至沒寫。
沒有對state這個做解釋、沒有state的使用說明,然后那個路由也是。
看完了這篇文章,相信你對vscode編寫和使用flutter應(yīng)用的方法有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
文章名稱:vscode編寫和使用flutter應(yīng)用的方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源:http://www.rwnh.cn/article26/hojjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、電子商務(wù)、虛擬主機、做網(wǎng)站、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容