返回

如何在 Windows 10 上设置 Flutter 开发环境,含 Android Studio

前端

如果你是一名移动应用程序开发者,并且正在寻找一种跨平台、高效的解决方案,那么 Flutter 就是你的理想选择。这个开源框架由 Google 开发,它使用 Dart 语言编写,可以让你使用单个代码库为 iOS 和 Android 设备构建原生应用程序。

在本文中,我们将引导你完成在 Windows 10 系统上设置 Flutter 开发环境的全过程,包括 Android Studio 的安装和配置。

前言

在开始之前,确保你的系统满足以下要求:

  • Windows 10 操作系统
  • 64 位处理器
  • 8GB 或更多 RAM
  • 20GB 或更多可用存储空间
  • Visual Studio 2019 或更高版本(含 .NET Core 3.1 SDK)

一、Android Studio 下载

你可以直接访问 Android Studio 官网或中文社区下载 Android Studio。

安装

安装教程网上有很多,这里不再赘述。但需要注意以下几点:

  • 由于 Windows 系统的限制,需要额外安装 platform-tools
  • 勾选 "Enable bundled JRE (64-bit)" 选项,确保使用 Android Studio 附带的 Java 环境。

二、Flutter SDK 安装

1. 安装 Flutter

访问 Flutter 官网下载 Flutter SDK。

2. 添加环境变量

  • 打开控制面板,搜索 "环境变量"。
  • 在 "用户变量" 下,新建两个变量:
    • FLUTTER_HOME:指向 Flutter SDK 目录
    • PATH:追加 Flutter bin 目录,例如:%FLUTTER_HOME%\bin;%PATH%

3. 安装 Dart

打开命令提示符,运行以下命令安装 Dart:

choco install dart

三、Android Studio 配置

1. 配置 Flutter 插件

启动 Android Studio,依次选择 "File" > "Settings" > "Plugins"。

在 "Marketplace" 中搜索 "Flutter" 并安装。

2. 配置 Gradle

在 Android Studio 中,打开 "File" > "Project Structure"。

在 "Gradle Settings" 中,勾选 "Use default gradle wrapper" 选项,并点击 "OK"。

3. 安装 Flutter 插件

选择 "File" > "Settings" > "Plugins"。

在 "Installed" 选项卡中,找到 "Flutter" 插件并点击 "Install"。

实例演示

以下是一个简单示例,演示如何使用 Flutter 创建一个简单的应用程序:

import 'package:flutter/material.dart';

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

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

保存文件,然后在 Android Studio 中运行。

故障排除

  • 无法找到 platform-tools :确保已正确安装 platform-tools。
  • 安装 Flutter 插件时出现问题 :重新启动 Android Studio 并重试。
  • 编译错误 :检查项目依赖关系,确保已安装所有必需的依赖项。
  • 应用程序无法运行 :检查模拟器或设备是否正确配置。