Flutter入門指南：從安裝到建立第一個應用程式

步驟一：安裝 Flutter

首先，我們需要在電腦上安裝Flutter開發環境：

下載 Flutter SDK：在 Flutter 官方網站上下載適用於您的作業系統的 Flutter SDK。如果您使用的是 Windows 作業系統，則需要解壓縮下載的壓縮檔到您想要安裝 Flutter 的目錄中。
設定環境變數：將 Flutter SDK 的路徑新增到您的系統環境變數中。在 Windows 中，可以進入「系統」->「關於」->「系統資訊」->「進階系統設定」->「環境變數」，並新增一個名為「Flutter」的新變數，將其設定為 Flutter SDK 的路徑。
確認安裝項目：在命令提示字元（cmd）中執行以下指令，來確認安裝項目。

flutter doctor

步驟二：建立新的Flutter應用程式

一旦您已經完成了 Flutter 的安裝，我們就可以開始建立第一個應用程式了。請按照以下步驟進行：

創建新的 Flutter 應用程式專案

在命令提示字元或終端機中，進入您希望建立新應用程式的目錄，並執行以下指令：

flutter create my_app

這個指令會在指定的目錄中創建一個名為”my_app”的新專案。您可以根據自己的需求更改專案名稱。

啟動模擬器或連接實體設備

在開發Flutter應用程式之前，您需要啟動模擬器或連接實體設備。如果您使用的是Android模擬器，可以使用Android Studio或命令提示字元中的指令來啟動模擬器。如果您使用的是iOS模擬器，則需要在macOS上運行。

執行應用程式

在命令提示字元或終端機中，進入剛剛創建的專案目錄並執行以下指令：

flutter run

這個指令會將您的應用程式安裝到模擬器或設備上並運行。

編輯程式碼

打開您剛剛創建的專案目錄，找到 "lib/main.dart" 檔案並使用您喜歡的程式碼編輯器（推薦使用 VSCode）打開它。這是您的應用程式的主要程式碼檔案。

建立界面

在 "lib/main.dart" 中，您可以使用 Dart 語言和 Flutter 框架提供的元件來建立您的應用程式界面。以下是一個簡單的範例：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My First Flutter App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

在這個範例中，我們使用了一個MaterialApp元件來建立應用程式的根元件，並在Scaffold元件中添加了一個應用程式條和中央的文字元件。

更新應用程式

完成程式碼編輯後，保存並回到命令提示字元。請確保您的模擬器或設備仍然運行。執行以下指令以重新安裝並運行您的應用程式：

flutter run

您應該能夠在模擬器或設備上看到您的應用程式界面上顯示 “Hello, World!” 文字。