瞭解如何設定開發環境,以便為 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 開發,您可以繼續您的 Flutter 學習之旅,同時在 Web 上進行測試,或者開始擴充套件與 Web 的整合。