跳转至正文

配置 Web 开发环境

配置开发环境,以便在 Web 平台上运行、构建和部署 Flutter 应用。

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

安装 Web 浏览器

#

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

Expand for instructions for other browsers · 展开以查看其他浏览器的说明

若要在其他 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 开发,可以在 Web 上测试的同时继续学习 Flutter,或开始扩展与 Web 的集成。