项目运行在浏览器显示

1.

# 检查Flutter是否启用Web支持 执行命令

flutter devices

出现下图说明配置正常

二、

# 先清理项目缓存（避免编译缓存导致的问题）

flutter clean

# 获取依赖

flutter pub get

# 运行Chrome，指定端口8888

flutter run -d chrome --web-port 8888

如果出现下面的情况说明web sdk下载被墙了

三、修改镜像地址

~永久修改

• 按下 Win + R，输入 sysdm.cpl 回车，打开「系统属性」→「高级」→「环境变量」
• 在「用户变量」中点击「新建」，添加两个变量：
  • 变量名：PUB_HOSTED_URL，变量值：https://pub.flutter-io.cn
  • 变量名：FLUTTER_STORAGE_BASE_URL，变量值：https://storage.flutter-io.cn
• 保存后关闭所有终端 / VSCode，重新打开终端执行 flutter run -d chrome --web-port 8888

~临时修改

# 配置Flutter国内镜像（清华源） $env:PUB_HOSTED_URL="https://pub.flutter-io.cn" $env:FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn" # 重新执行运行命令（此时会从国内镜像下载Web SDK） flutter run -d chrome --web-port 8888

但是这样会导致只有终端执行flutter run -d chrome --web-port 8888命令才会可以运行，如果直接点Run依然有问题

所以需要修改 .vscode下launch.json，修改如下，这样就可以直接Run运行了