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