設定網頁開發環境

學習如何設定您的開發環境， 以在網頁平台上執行、建置與部署 Flutter 應用程式。

要在網頁上執行與除錯您的 Flutter 應用程式， 請下載並安裝 Google Chrome 或安裝並使用 Microsoft Edge。

為了確保您已成功安裝瀏覽器， 且 Flutter 能夠正確偵測到它， 請在您偏好的終端機中執行 flutter devices。

您應該至少會看到一個已連線的裝置， 標示為 Chrome (web) 或 Edge (web)，類似如下範例：

flutter devices

Found 1 connected devices:
  Chrome (web)    • chrome • web-javascript • Google Chrome

如果找不到該指令，或是沒有看到 Chrome 被列出， 請參考設定疑難排解。

現在你已經完成 Flutter 的 Web 開發環境設定， 可以在學習 Flutter 的同時於 Web 上測試， 或開始擴展與 Web 的整合。

持續學習 Flutter

• 撰寫你的第一個應用程式
• 學習基礎知識
• 探索 Flutter 元件 (Widgets)
• 瀏覽範例
• 認識 Dart 語言

為 Web 建置

• 使用 Flutter 建置 Web 應用程式
• 自訂應用程式初始化
• 編譯為 Wasm
• 整合 Web 內容
• 嵌入至其他 Web 應用程式