Flutter 创建Web 应用

Flutter 创建Web 应用

From:
flutter.cn
bilibili.com

运行环境如下(仅供参考)：

distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip

dependencies {
    classpath 'com.android.tools.build:gradle:3.5.0'
}

Flutter version 2.0.0

创建新的Web项目

开启 Web 支持

 flutter config --enable-web

创建项目

flutter create yourapp

“yourapp”为你的项目名

对已有的应用添加 Web 支持

1.开启Web支持（如上）

flutter config --enable-web

输出log：

Setting “enable-web” value to “true”.

You may need to restart any open editors for them to read new settings.

重启AndroidStudio

2.创建web 目录

flutter create .

会在项目目录下创建web 目录

3.运行应用在浏览器中

//谷歌浏览器中运行
flutter run -d chrome

如果没有其他连接的设备，那么 -d chrome 是可选的

Notice：我在flutter version 2.0.0中 运行命令行并不能运行成功

然后在Device下拉菜单中(device selected)，选择 Chrome (web)，然后点击运行，应用就会在 Chrome 中打开

使用 build 命令

运行下面命令以生成发行版构建

flutter build web