了解如何设置开发环境,以便运行、构建和部署用于 Web 平台的 Flutter 应用。

安装网页浏览器

#

要在 Web 上运行和调试 Flutter 应用,请下载并安装 Google Chrome 浏览器安装并使用 Microsoft Edge 浏览器

展开以查看其他浏览器的说明

如果要在其他网页浏览器中调试应用,可以使用 flutter run -d web-server 命令,然后手动导航到您首选浏览器中指定的 URL。

请注意,web-server 模式下的调试支持是有限的。

验证您的设置

#

为确保您已成功安装浏览器且 Flutter 可以找到它,请在您首选的终端中运行 flutter devices

您应该至少看到一个已连接的设备,标签为 Chrome (web)Edge (web),类似于以下内容

flutter devices

Found 1 connected devices:
  Chrome (web)    • chrome • web-javascript • Google Chrome

如果未找到该命令,或者您没有看到 Chrome 浏览器列出,请查看设置疑难解答

开始 Web 开发

#

现在您已经为 Flutter 设置了 Web 开发环境,您可以继续您的 Flutter 学习之旅,同时在 Web 上进行测试,或者开始扩展与 Web 的集成。