iT邦幫忙

0

Flutter學習Day1 dart&flutter安裝(windows)

  • 分享至 

  • xImage
  •  

小弟弟第一次發文,
如有不好的地方 請多包涵 (≧∀≦)ゞ

由於我是vs code 使用愛好者
所以就用此IDE去安裝囉

打開vscode後 左邊有延伸模組
搜尋dart及flutter安裝

https://ithelp.ithome.com.tw/upload/images/20201012/2013129809sPi2UKmp.png

裝完之後可以下
flutter doctor 指令
去察看是否有裝好
https://ithelp.ithome.com.tw/upload/images/20201012/20131298UiCqY1281n.png

接下來就是 開啟web for develop的設定
原因是因為在3.0以後的版本才支援vscode web的開發debug模式
所以要下以下的指令
flutter channel beta
flutter upgrade
flutter config --enable-web

接下來按 Ctrl+Shift+P
輸入專案名稱
就會自動幫你產生預設的專案
https://ithelp.ithome.com.tw/upload/images/20201012/20131298HCucANmWh9.png

最後將專案run在瀏覽器上
下指令 flutter run -d chrome
就能在瀏覽器看到我們剛建好的專案囉
https://ithelp.ithome.com.tw/upload/images/20201012/20131298Mamnid1EE8.png

因為有支援hotReload的功能
所以可以一邊修改一邊查看開發的效果及進度

參考資料

flutter官網

StackOverflow提問


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言