3.1 开启Web支持
输入下面的指令来开启Web支持
flutter config --enable-web
这个命令,会生成.flutter_settings
配置文件,Windows环境下,生成文件的路径是:
C:\Users\用户名\AppData\Roaming
打开后内容为
{
“enable-web”: true
}
3.2 查看支持的设备(浏览器)
开启Web支持后,运行flutter devices
命令(类似于Android中的adb devices
),会列出所有支持的浏览器信息(QQ浏览器和IE浏览器虽未列出,但也支持)
flutter devices
2 connected devices:
Chrome (web) • chrome • web-javascript • Google Chrome 87.0.4280.141
Edge (web) • edge • web-javascript • Microsoft Edge 87.0.664.75
4.1 集成开发环境(IDE)
4.1.1 创建Web项目(Android Studio为例)
依次点击:File——>New Flutter Project——>Flutter Application——>配置Flutter应用
4.1.2 IDE运行Flutter web
从要运行到的设备下拉列表中,选择要运行到的chrome
,点击运行
[外链图片转存中…(img-WNg6L9QS-1710837310068)]
运行后,程序自动打开chrome浏览器的效果图
4.2 命令行
4.2.1 创建Web项目
打开终端,输入下面的指令,创建Web新应用
flutter create myapp
cd myapp
4.2.2 运行Web项目
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
最后
如果你看到了这里,觉得文章写得不错就给个赞呗?如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足。谢谢。
最后文末放上一个福利:GitHub地址
PS:我GitHub中有大量高阶Android学习视频资料和面试资料包~
查询,修正不足。谢谢。
[外链图片转存中…(img-01sdNoby-1710837310071)]
最后文末放上一个福利:GitHub地址
PS:我GitHub中有大量高阶Android学习视频资料和面试资料包~
欢迎大家一起交流讨论啊~