跳到主内容

设置 Web 开发环境

配置您的开发环境,以运行、构建和部署 Flutter 应用到 Web 平台。

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

安装 Web 浏览器

#

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

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

如果您想在其他 Web 浏览器中调试您的应用,可以使用 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 的集成。