Flutter in WEB_flutter 开发web

发布于 4 年前 作者 magege666 1045 次浏览 来自 分享

我们都知道flutter可以开发app,但是很少人知道flutter还可以开发web

Flutter in WEB

确保您的Flutter版本高于1.5.4,$ flutter channel master && flutter upgrade更新你的flutter 添加 .pub-cache/bin到PATH,因为将安装一个全局pub包 使用VScode运行New Flutter Web 创建一个新项目 在新项目下执行 $ flutter pub global activate webdev 这是一个为Web上的Flutter提供构建工具的包 在新项目下执行 $ flutter pub upgrade 更新包 $ webdev --help 查看是否正确安装 $ webdev serve --auto restart 启动项目 在浏览器访问 http://127.0.0.1:8080

注意:flutter_web仍然在开发中,所以仍然有很多东西缺失

$ flutter channel master  // 切换到主分支
 $ flutter upgrade // 更新
 $ flutter config --enable-web  // 启用web支持
 $ mkdir flutter_web_demo && cd flutter_web_demo
 $ flutter create .  // 初始化脚手架
 $ flutter devices // 查看浏览器设备
 $ flutter run -d chrome // 运行程序(按R重载),如果是vscode也可以直接F5
 $  flutter build web // 生成发布版本

相关资源:

https://github.com/flutter/flutter_web

https://github.com/januwA/flutter_web_demo

回到顶部