用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的补丁方案？感觉现在的各种框架越来越多，使用越来越复杂。框架的出发点是简化编程，但现在框架给人的感觉恰恰相反，各种框架仅是选择就让人心烦意乱眼花缭乱，每个框架都有各种缺陷，技术人员疲于奔命，同时技术选型对技术总监提出了更高的要求，选型不慎可能因技术问题影响到项目进展，这在以前是不大会出现的问题。

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