Flutter学习Day1 dart&flutter安装(windows)

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

由於我是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提问


<<:  [Day 27] 永和美食纪录-DAY365美式咖啡轻食

>>:  30天完成家庭任务平台:第二十七天

Day08 永丰金API 建立订单交易

终於要进入成立订单的部份了,先看一下成立订单所需要的参数, { "ShopNo"...

[Day10] Tableau 轻松学 - Dimension 与 Measure

前言 Tableau 将所有的资料栏位分成 Dimension (维度) 与 Measure (度量...

slots

前面我们介绍了component以及props今天我们要介绍的是slots 什麽是slots呢?它是...

Day 16 self-attention的实作准备(二) 设定tensorflow和keras的环境

前言 昨天在建立环境的时候发现有很多相容性的问题,因此今天我想说这几天先来学习一下tensorflo...

Day37 ( 游戏设计 ) 台湾地图拼图

台湾地图拼图 教学原文参考:台湾地图拼图 这篇文章延伸「形状配对拼图」的范例,在 Scratch 3...