flutter_web集成问题记录

一、配置环境

前提：已配置好flutter基础环境，然后配置flutter_web的运行环境
终端运行命令：flutter pub global activate webdev

image.png
运行完毕后会有一段红色警告，将警告内容复制
image.png
在根目录下运行命令open .bash_profile，将路径添加到环境变量中
我的配置文件参考：
image.png
运行命令source .bash_profile更新环境

---

二、创建工程

以VSC为例(Android Studio不会哈哈)
在查看-命令面板中输入命令flutter
找到Flutter:New Web Porject创建工程

image.png
cd到新的工程下，更新环境：flutter packages upgrade
image.png
通过命令webdev serve运行项目
有没有运行报错？？？
image.png
顾名思义，dart 命令未找到，因为环境变量中并未配置(至少我没配置,已配置可忽略)
在flutterSDK中找到dart-sdk的bin文件夹将目录添加到bash_profile中
(参考本文中我的配置文件最后一段路径）
image.png
操作完毕后，再次执行webdev serve即可成功运行。

---