编辑器
安装 vscode
安装插件
SDK
使用 fvm 管理 Flutter SDK
检查环境
flutter doctor
创建项目
使用的 Flutter 版本
在要创建项目的文件夹下运行
flutter create my_flutter_web
可以删除其他平台文件,只保留 web
文件夹
如果没有 web
文件夹,可能是 Flutter 版本太低,运行以下命令开启 web 支持
flutter config --enable-web
flutter create .
运行项目
flutter run -d chrome --web-renderer canvaskit
-d
为指定设备名,也可把 chrome
替换成 edge
。
--web-renderer
可选参数值:canvaskit
、html
或 auto
。
-
canvaskit
- 始终使用 CanvasKit 渲染器。 -
html
- 始终使用 HTML 渲染器。 -
auto
(默认)- 自动选择渲染器。移动端浏览器选择使用 HTML,桌面端浏览器选择使用 CanvasKit。
使用 Flutter run -h
可查看命令参数帮助
打包项目
flutter build web
打包产物在 build/web