news 2026/2/26 18:28:59

从零开始:Flutter 开发环境搭建全指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
从零开始:Flutter 开发环境搭建全指南

Flutter 是 Google 推出的跨平台 UI 开发框架,可快速构建高性能、跨 iOS 和 Android 的原生应用。本文将详细讲解不同操作系统(Windows/macOS/Linux)下 Flutter 环境的完整搭建流程,涵盖基础配置、IDE 选型、环境验证等核心步骤,帮助新手快速上手。

一、搭建前的准备

1. 硬件要求

系统最低配置要求
WindowsWindows 10/11 64 位、4GB 以上内存、开启硬件虚拟化(VT-x/AMD-V)、磁盘空间 ≥ 10GB
macOSmacOS 12+、Intel/Apple Silicon 芯片、4GB 以上内存、磁盘空间 ≥ 10GB
LinuxUbuntu 20.04+/Debian 11+ 64 位、4GB 以上内存、磁盘空间 ≥ 10GB

2. 软件依赖

  • Git:用于克隆 Flutter 源码和版本控制(下载地址)
  • Java Development Kit (JDK):建议 JDK 17(Android 开发必需,下载地址)
  • Android Studio(可选但推荐):集成 Android SDK、模拟器,支持 Flutter 开发
  • Xcode(仅 macOS):iOS/iPadOS 开发必需,需 App Store 下载或开发者官网获取

二、分系统搭建步骤

(一)Windows 系统

步骤 1:下载 Flutter SDK
  1. 访问 Flutter 官方下载页:https://flutter.dev/docs/get-started/install/windows
  2. 下载最新稳定版 Flutter SDK 压缩包(flutter_windows_xxx-stable.zip)。
  3. 解压到自定义目录(建议非中文、无空格路径,如D:\flutter)。
步骤 2:配置系统环境变量
  1. 右键「此电脑」→「属性」→「高级系统设置」→「环境变量」。
  2. 用户变量中,找到「Path」→「编辑」→「新建」,添加 Flutter 工具路径:D:\flutter\bin(对应解压路径)。
  3. 系统变量中,新建变量:
    • 变量名:FLUTTER_STORAGE_BASE_URL,变量值:https://storage.flutter-io.cn(国内镜像,加速下载)
    • 变量名:PUB_HOSTED_URL,变量值:https://pub.flutter-io.cn(国内镜像)
  4. 保存后,重启命令行工具(CMD/PowerShell)使配置生效。
步骤 3:安装 Android Studio
  1. 下载 Android Studio:https://developer.android.com/studio
  2. 安装时勾选「Android SDK」「Android Virtual Device」,默认路径即可(避免中文)。
  3. 启动 Android Studio,完成初始化(需下载 SDK 组件,耐心等待)。
  4. 安装 Flutter 插件:
    • 打开「File」→「Settings」→「Plugins」。
    • 搜索「Flutter」,点击「Install」,安装完成后重启 IDE。
    • 插件会自动提示安装 Dart 插件(Flutter 依赖 Dart,必须安装)。
步骤 4:配置 Android 环境
  1. 打开 Android Studio →「Tools」→「SDK Manager」。
  2. 在「SDK Platforms」中,勾选至少一个 Android 版本(建议最新稳定版,如 Android 14)。
  3. 在「SDK Tools」中,勾选「Android SDK Build-Tools」「Android Emulator」「Android SDK Platform-Tools」,点击「Apply」下载。
  4. 配置 Android SDK 环境变量:
    • 系统变量中新建ANDROID_HOME,值为 SDK 路径(如C:\Users\用户名\AppData\Local\Android\Sdk)。
    • Path 中添加%ANDROID_HOME%\platform-tools%ANDROID_HOME%\tools\bin

(二)macOS 系统

macOS 需同时支持 iOS 和 Android 开发,步骤如下:

步骤 1:安装依赖工具
  1. 安装 Homebrew(包管理器):
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  2. 安装 Git 和 Ruby(CocoaPods 依赖):
    brew install git ruby
步骤 2:下载并配置 Flutter SDK
  1. 下载 Flutter SDK:https://flutter.dev/docs/get-started/install/macos
  2. 解压到自定义目录(如~/development/flutter)。
  3. 配置环境变量(zsh 终端,默认 macOS 10.15+ 为 zsh):
    # 编辑 ~/.zshrc 文件 open ~/.zshrc # 添加以下内容 export PATH="$PATH:~/development/flutter/bin" export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn export PUB_HOSTED_URL=https://pub.flutter-io.cn # 生效配置 source ~/.zshrc
    (若为 bash 终端,编辑~/.bash_profile,步骤同上)
步骤 3:安装 Xcode(iOS 开发必需)
  1. 从 App Store 下载 Xcode(需登录 Apple ID)。
  2. 打开 Xcode,同意许可协议,安装 Command Line Tools:
    xcode-select --install
  3. 配置 Xcode 命令行工具路径:
    sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
  4. 安装 CocoaPods(iOS 依赖管理工具):
    sudo gem install cocoapods
步骤 4:安装 Android Studio(Android 开发)
  1. 下载并安装 Android Studio:https://developer.android.com/studio
  2. 安装 Flutter 和 Dart 插件(同 Windows 步骤)。
  3. 配置 Android SDK(同 Windows 步骤),macOS 下 SDK 路径默认:~/Library/Android/sdk

(三)Linux 系统(以 Ubuntu 为例)

步骤 1:安装依赖
sudo apt update sudo apt install -y git curl unzip openjdk-17-jdk
步骤 2:下载并配置 Flutter SDK
  1. 下载 Flutter SDK:https://flutter.dev/docs/get-started/install/linux
  2. 解压到~/flutter目录:
    unzip flutter_linux_xxx-stable.zip -d ~/
  3. 配置环境变量:
    # 编辑 ~/.bashrc nano ~/.bashrc # 添加内容 export PATH="$PATH:~/flutter/bin" export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn export PUB_HOSTED_URL=https://pub.flutter-io.cn # 生效 source ~/.bashrc
步骤 3:安装 Android Studio
  1. 下载 Android Studio 压缩包,解压并安装:
    sudo dpkg -i android-studio-xxx.deb
  2. 后续插件安装、SDK 配置同 Windows 步骤。

三、环境验证与问题修复

1. 基础验证

打开终端 / CMD,执行以下命令,检查 Flutter 环境:

flutter doctor

该命令会检测所有依赖项,并输出问题提示(红色 × 为未配置项,黄色!为警告)。

2. 常见问题修复

  • 问题 1:Android license status unknown(Android 许可未同意)解决:执行flutter doctor --android-licenses,一路输入y同意所有许可。
  • 问题 2:iOS 模拟器无法启动(macOS)解决:打开 Xcode →「Preferences」→「Components」,下载对应 iOS 版本的模拟器。
  • 问题 3:Flutter 命令找不到解决:重新检查环境变量配置,确保 Flutter 的 bin 目录已添加到 Path。
  • 问题 4:国内下载依赖慢 / 失败解决:确认已配置 Flutter 国内镜像(FLUTTER_STORAGE_BASE_URL 和 PUB_HOSTED_URL),或使用代理。

3. 最终验证

创建第一个 Flutter 项目,验证环境是否可用:

# 创建项目 flutter create my_first_app # 进入项目目录 cd my_first_app # 运行项目(需启动模拟器或连接真机) flutter run

若模拟器 / 真机中成功显示 Flutter 示例页面,说明环境搭建完成。

四、可选配置:VS Code 开发

若不想使用 Android Studio,可选择轻量的 VS Code:

  1. 下载 VS Code:https://code.visualstudio.com/
  2. 安装 Flutter 插件:打开 VS Code → 扩展商店 → 搜索「Flutter」→ 安装(自动包含 Dart 插件)。
  3. 配置 Flutter 路径:VS Code → 设置 → 搜索「Flutter SDK Path」→ 填写 Flutter 解压路径(如D:\flutter)。
  4. 验证:打开终端 → 执行flutter doctor,确认无报错。

五、总结

Flutter 环境搭建核心是「SDK 配置 + 平台依赖(Android/iOS) + IDE 插件」,不同系统的差异主要在环境变量和平台工具(如 Xcode 仅 macOS 需安装)。搭建完成后,通过flutter doctor排查问题,通过创建示例项目验证可用性,即可开始 Flutter 开发之旅。

如果遇到特定问题,可参考 Flutter 官方文档(https://flutter.dev/docs/get-started/install)或社区问答(Stack Overflow/Flutter 中文网)。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/23 17:13:04

spark电影推荐评分 影评系统可视化大屏 vue flask

目录具体实现截图项目介绍论文大纲核心代码部分展示可定制开发之亮点部门介绍结论源码获取详细视频演示 :文章底部获取博主联系方式!同行可合作具体实现截图 本系统(程序源码数据库调试部署讲解)同时还支持Python(flask,django)、…

作者头像 李华
网站建设 2026/2/23 10:47:29

SpringCloud-01-Consul服务注册与发现

一、概述 Consul 是一套开源的分布式服务发现和配置管理系统,由 HashiCorp 公司用 Go 语言开发。 供了微服务系统中的服务治理、配置中心、控制总线等功能。这些功能中的每一个都可以根据需要单独使用,也可以一起使用以构建全方位的服务网格,…

作者头像 李华
网站建设 2026/2/26 3:59:29

Git diff比较两个PyTorch实验配置差异

Git diff 比较两个 PyTorch 实验配置差异 在深度学习项目中,我们常常会遇到这样的问题:同一个模型代码,在同事的机器上训练快如闪电,到了自己的环境却慢得像爬;或者某个实验突然开始报 CUDA 错误,而你确定“…

作者头像 李华
网站建设 2026/2/25 17:18:52

您的孩子正在“透支”视力!这份防控指南请收好

各位家长,当您看着孩子埋首书桌刷题到深夜,当您发现孩子看黑板时不自觉眯起眼睛,当定期体检单上的近视度数一次次攀升,您是否既焦虑又无奈?“每天户外活动2小时”“减少连续近距离用眼”,这些近视防控建议我…

作者头像 李华
网站建设 2026/2/24 3:14:33

PyTorch-CUDA-v2.8支持Ampere架构GPU全面评测

PyTorch-CUDA-v2.8支持Ampere架构GPU全面评测 在AI模型日益庞大的今天,一个研究员熬夜跑完一轮训练却发现显卡没被调用——这种“环境问题”几乎成了每个深度学习工程师的噩梦。而当NVIDIA推出Ampere架构、算力翻倍的同时,驱动版本、CUDA兼容性、Tensor …

作者头像 李华
网站建设 2026/2/26 4:00:00

Docker build cache优化:加快PyTorch镜像构建速度

Docker build cache优化:加快PyTorch镜像构建速度 在现代AI工程实践中,一个常见的痛点是:明明只是改了几行代码,却要等十分钟才能看到结果——因为CI流水线又重新下载了一遍1.2GB的PyTorch包。这种低效不仅拖慢了研发节奏&#xf…

作者头像 李华