使用線上 IDE Project IDX 開發 Flutter App

Google 推出了令人期待的線上 IDE Project IDX，以後只要在有網路的地方，我們可以用任何電腦打開瀏覽器寫程式，不用再花時間裝軟體準備開發環境了。

在 Windows 上準備 Flutter App 的開發環境

透過 Google 推出的 Flutter framework 我們可以更方便地開發跨平台 App，開發出在 iOS、Android、Web、macOS、Windows 和 Linus 上都能執行的 App。

開發 Flutter App 前，我們必須先準備好開發環境。之前彼得潘介紹過如何在 Mac 準備 Flutter App 的開發環境。

Flutter App 學習資源和課程整理

Flutter 官方網站

同時 hot reload iOS & Android Flutter App

Flutter App 有許多不錯的優點，比方支援跨平台和 hot reload 功能，因此彼得潘在開發 Flutter App 時想到如果能同時 hot reload iOS &…

設定 VS Code 在修改程式後自動 hot reload

使用 VS Code 開發 Flutter App 時，它會貼心地在存檔(快速鍵 cmd s)時觸發 hot…

幫助 Flutter 縮排程式的 trailing-commas

撰寫 Flutter 程式時，trailing-commas 可以讓 IDE 自動幫我們縮排程式，讓程式有更好的可讀性。

利用 code 指令啟動 VS Code 開啟專案

在 Terminal 操作時，我們可以用 code 指令啟動 VS Code 開啟專案，方法如下。

安裝 VS Code 的命令列工具 code

在 Mac 上觸發 VS Code / Project IDX trigger suggest 的快速鍵

錄製 Android 模擬器操作 App 的 gif & 影片

啟動模擬器執行 App

利用 gist 分享 DartPad 程式

在 DartPad 練習 Flutter 跟 Dart 程式時，我們可以利用 GitHub 的 gist 分享程式，讓別人方便地從 DartPad 載入事先寫好的程式和自由修改。

以下是分享的逐步解說。

連到 GitHub 的 gist 網站