學習 Flutter 系列（二）：成功架構的第一步！

成功的 App開發基礎係正確設置架構！無論你係初學者定係有開發經驗，完成好 Flutter 環境設置係邁向成功嘅第一步。以下係清晰易懂嘅 Flutter 架構設置指南，幫你快速入門！

1️⃣ 安裝 Flutter SDK

Flutter SDK 係開發 Flutter 應用嘅核心工具，安裝流程會因應你使用嘅平台（Windows、macOS 或 Linux）有所不同。以下簡單介紹各平台嘅安裝步驟：

• Windows：
• 1. 到 Flutter 官網 下載 Windows 版本嘅 SDK 壓縮包。
  2. 解壓到指定文件夾，並將 Flutter 添加到系統環境變量中。
  3. 用命令 flutter doctor 檢查環境設置。
• macOS：
• 1. 利用 Homebrew 命令 brew install --cask flutter 安裝 Flutter。
  2. 確保安裝好 Xcode，並執行 flutter doctor 確保無問題。
• Linux：
• 1. 下載 SDK 壓縮包，解壓到目標文件夾。
  2. 添加 Flutter 路徑到環境變量，並執行 flutter doctor 檢查設置是否正確。

💡 提示：flutter doctor 係檢查環境設置嘅好幫手，會告訴你有咩需要修正嘅地方。

2️⃣ 設置開發環境

完成 SDK 安裝後，就可以準備開發環境啦！以下係設置開發環境嘅詳細步驟：

（1）選擇合適的 IDE（編輯器）

Flutter 支援多種 IDE，包括 Visual Studio Code (VSCode) 同 Android Studio。你可以根據個人喜好選擇：

• VSCode：輕量、快捷，適合小型項目或者初學者。
• Android Studio：功能強大，適合中大型項目同需要模擬器嘅場景。
• IntelliJ IDEA：專業級工具，適合進階開發者或者多語言開發需求。

（2）建立 Flutter 專案

1. 打開 IDE，安裝 Flutter 插件。
2. 使用命令行工具 flutter create 建立專案
   
   2.1 打開終端（Terminal 或 Command Prompt）。
   
   2.2 移動到你想存放專案嘅文件夾路徑，例如：cd Documents/Projects
   
   2.3 執行以下命令建立專案：
   flutter create my_flutter_app (*my_flutter_app 係專案名稱，你可以改成自己喜歡嘅名字，例如 todo_app。)
   
   2.4 命令執行後，Flutter 會自動生成一個完整嘅專案結構，包含必要嘅文件同代碼。
   
   2.5 進入專案目錄：cd my_flutter_app
   
   2.6 啟動專案：
   - 連接模擬器或真機，然後執行：flutter run
   - 專案會自動編譯並運行，成功後你會喺模擬器或真機中看到 Flutter 預設嘅啟動畫面。
   

💡 提示：

如果需要自定義專案模板，可以用參數，例如：

flutter create --template app my_custom_app

如果你安裝咗 FVM（Flutter 版本管理工具），可以確保專案使用特定版本嘅 Flutter SDK。

常見的 Flutter 命令行工具及用法

Flutter 的命令行工具非常強大，能夠幫助你快速完成專案管理、編譯、測試等開發工作。以下係一些常見嘅 Flutter 命令，初學者同進階開發者都可以參考！👇

3️⃣ 使用 FVM 管理 Flutter 版本

Flutter 項目可能需要不同版本嘅 SDK，而 FVM（Flutter Version Management）正正就係幫助你管理多個 Flutter 版本嘅工具。

FVM 安裝步驟：

1. 安裝工具：在終端執行 dart pub global activate fvm。
2. 切換版本：使用 fvm install <版本號> 安裝特定版本嘅 Flutter。
3. 設置版本：執行 fvm use <版本號>，將項目綁定到所需版本。
   

💡 好處：FVM 幫助你輕鬆切換 Flutter 版本，避免不同項目之間嘅版本衝突。

結語：架構設置是成功的開始！

完成以上步驟，你就已經成功設置好 Flutter 開發環境，可以開始專注開發應用程序嘞！正確嘅架構設置唔單止幫你省時間，仲可以避免未來嘅開發問題。

趕快準備好環境，喺下一步學習中開始編寫第一個 Flutter 應用吧！🚀