設定 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 的整合。