Flutter 开发环境配置指南，助您轻松开启 Mac 开发之旅

2023-12-26 04:04:56

在 macOS 上配置 Flutter 开发环境：开启移动应用开发之旅

简介

迈入移动应用开发世界的第一步，就是配置一个顺畅高效的开发环境。对于 macOS 用户而言，配置 Flutter SDK 至关重要，Flutter 是一个流行的开源框架，专门用于构建跨平台移动应用。本指南将循序渐进地指导您完成整个流程，确保您拥有一个无缝的开发体验。

系统要求

macOS 10.13 或更高版本
Xcode 13.2.1 或更高版本
Android Studio 2021.2.1 或更高版本
Flutter 最新稳定版本

安装 Flutter SDK

从 Flutter 官网下载适用于 macOS 的 Flutter SDK。
解压下载的 ZIP 文件，将 Flutter 目录移动到您首选的位置。
在终端中运行以下命令，添加 Flutter SDK 路径到您的环境变量：

export PATH="$PATH:/path/to/flutter/bin"
export FLUTTER_HOME=/path/to/flutter

创建 Flutter 项目

在终端中创建一个新的 Flutter 项目：

flutter create my_app

cd my_app

安装 Android Studio 插件

打开 Android Studio。
转到 "Preferences" 或 "Settings"。
搜索并安装 "Flutter" 和 "Dart" 插件。

连接 Android 设备或模拟器

连接设备： 使用 USB 数据线将 Android 设备连接到 Mac。
创建模拟器： 在 Android Studio 中，转到 "Tools" > "Device Manager" 创建一个新的 Android 模拟器。

运行 Flutter 应用

在 Android Studio 中打开您的 Flutter 项目。
选择您的设备或模拟器。
单击 "Run" 按钮。

您的 Flutter 应用现在将在您的设备或模拟器上运行。

代码示例：

以下是一个简单的 Flutter 应用的代码示例，用于在屏幕上显示 "Hello World"：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('Hello World!'),
        ),
      ),
    );
  }
}