Flutter 运行到浏览器

背景

最近想让Flutter 项目运行到浏览器试一下，按照一些博客说明，做了下面的操作。

flutter config --enable-web  // 打开web配置
flutter run -d chrome //运行到chrome

报错找不到chrome，执行flutter devices 也找不到浏览器，文件目录页没有web目录。

下面说下正确的配置，其实看官网就好，一些博客太老，或者断章取义。

官网配置如下：https://flutter.dev/docs/get-started/web

下面稍作解释，两种场景。

Flutter for Web 基础配置

到目前为止，Flutter for Web还是Beta版本，Flutter已经将Flutter web合并到主仓库。但是还没有发布，所以要切换到beta版本。

$ flutter channel beta  
$ flutter upgrade
$ flutter config --enable-web

切换到Beta版本，然后升级一下，记得打开web开关。

Web新项目

执行完基础命令，新建Flutter项目，已有Web文件夹。

在这里插入图片描述

然后执行（已安装chrome）：

flutter run -d chrome

老项目

老项目没有做web的需要先执行

flutter create .

然后执行（已安装chrome）：

flutter run -d chrome