flutterweb开发以及flutter项目快速切换web版本

flutter项目快速切换web版本

1. 目前flutter项目因为稳定性原因一直未发布稳定版本，因此如果原有项目需要发布web版本需要切换至beta版本
2. 直接创建web项目

   在控制台依次执行 
   1、flutter channel beta 
   2、flutter upgrade
   3、flutter config --enable-web   
   注意报错信息如有，请自行度娘
   执行完3如果没有任何错误信息，则androidStudio中运行设备模块会显示chrome(web) 重启idea直接运行即可
   当然也可以用命令查询当前支持运行设备
   控制台输入，flutter devices
   
   对当前项目添加web支持
   执行flutter create .
   

具体参考官方

以上未初次创建

下面我们来说下在已有项目的情况下如何快速创建flutter_web

https://gitee.com/qobn/openchina.git
这是很早之前的一个仿开源中国的flutter项目
下面我们把它转换成flutter_web项目

切换flutter版本到beta版本

依次执行以下命令，如果之前做过1 2 3 步骤操作可直接忽略

• 1、

flutter channel beta

• 2、

flutter upgrade

• 3、

flutter config --enable-web

直接开启web支持

flutter create .

之后效果如图

运行之后效果

但是不可否认，目前问题还是不少，例如各类插件支持，当前项目中用了sp，其他项目中用的flutter_web_plugin fluro等等插件目前支持度均堪忧。让我们期待flutter_web稳定版发布吧。