编辑器
安装 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
