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
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页