用Android Studio创建flutter web应用

一。先设置下环境变量,这是安装flutter插件包的一个国内镜像,要不下载很慢

PUB_HOSTED_URL  对应    https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL   对应    https://storage.flutter-io.cn

二。 切换到beta版本,通常开发app用的是stable版,现在要切换过来。beta版就是公测版,功能最多但还不够稳定。命令行:flutter channel beta

三。命令行:flutter config  --enable-web

配置启用web功能。这时候会自动检查是否需要升级,时间稍长。

四。执行完毕后,需要启动一次 AS, 这时候在设备下拉框里就有web选项了。如下图:

执行命令

flutter create myapp

cd myapp

至此web应用创建完毕,默认生成一个数字累加的页面示例,跟app的一样。

五。运行一下,会给出页面地址链接,在浏览器里打开即可。

六,如果要生成编译后的版本,执行flutter build web,在build\web目录下会生成html文件和js脚本。这时候直接运行是不行的,file:///...是不能识别的,要在正式域名下才能正常显示,和Vue下打包的生产版本是一个道理。

后记:flutter web同样存在seo问题,难道到最后也像vue一样,出一个ssr的补丁方案?感觉现在的各种框架越来越多,使用越来越复杂。框架的出发点是简化编程,但现在框架给人的感觉恰恰相反,各种框架仅是选择就让人心烦意乱眼花缭乱,每个框架都有各种缺陷,技术人员疲于奔命,同时技术选型对技术总监提出了更高的要求,选型不慎可能因技术问题影响到项目进展,这在以前是不大会出现的问题。

去框架化提上议事日程。技术的问题应该是趋向于简单而不是复杂。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 每日一言:要奋斗就会有牺牲,胜则举杯相庆,败则拼死相救。 原创:http://liuwangshu.cn/flut...
    乘香墨影阅读 6,747评论 0 7
  • 今天我家停电了,家里非常的黑,但是外面很亮,灯一闪一闪,我就坐在窗户旁边,看着闪亮的灯,心里想,要是不停电就好了,...
    ht825阅读 2,206评论 0 1
  • 近日,于院内行走,偶遇一只漂亮的小猫,黄白相间,甚是好看,绒毛初退,虎牙新生,大致有一个月的年岁,潜伏于草丛的沟壑...
    慕灵羽辰阅读 4,121评论 0 3
  • 公积金的短信打扰了手机的清静,前两天公积金刚刚入账,这个时候来短信会是什么事呢?看了手机短信才知道是我公积金的利息...
    刘全阅读 962评论 2 1
  • 作为互联网运营人员,要想真正做好运营工作,掌握一些专业的运营工具和知识是非常必要的。下面就根据运营中的主要工作内容...
    麦客CRM阅读 5,547评论 9 71