跳到主內容

設定 Web 開發環境

配置你的開發環境,以執行、構建和部署用於 Web 平臺的 Flutter 應用。

瞭解如何配置開發環境,以便為 Web 平臺執行、構建和部署 Flutter 應用。

安裝 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 開發環境,你可以一邊在 Web 上進行測試,一邊繼續你的 Flutter 學習之旅,或者開始擴充套件與 Web 的整合。