⚡ 想要开始Flutter开发之旅,却被复杂的环境配置搞得头大?别担心!本文将手把手教你如何在5分钟内快速搭建Flutter开发环境,让你告别配置地狱,直接开始编码!
🎯 本文目标
通过本文,你将学会:
- 🚀 5分钟内完成Flutter环境搭建
- 📱 配置Android Studio和VS Code开发环境
- 🔧 设置模拟器和真机调试
- ⚡ 运行你的第一个Flutter应用
- ❌ 解决常见环境配置问题
🚀 环境搭建总览
📋 所需工具清单
✅ Flutter SDK (核心开发工具包)
✅ Dart SDK (编程语言环境)
✅ Android Studio (Android开发IDE)
✅ VS Code (轻量级代码编辑器)
✅ Git (版本控制工具)
✅ 模拟器/真机 (测试环境)
⏱️ 时间预估
环境下载:10-30分钟 (取决于网络速度)
环境配置:5-10分钟 (按照本文步骤)
验证测试:2-3分钟 (运行示例应用)
总计:约20-45分钟
🖥️ Windows环境搭建 (推荐)
1️⃣ 下载Flutter SDK
# 方式1:官方下载 (推荐)
访问:https://docs.flutter.dev/get-started/install/windows
下载:flutter_windows_3.x.x-stable.zip
# 方式2:命令行下载
git clone https://github.***/flutter/flutter.git -b stable
2️⃣ 解压并配置环境变量
# 1. 解压到指定目录 (建议:C:\src\flutter)
# 2. 添加到系统PATH环境变量
C:\src\flutter\bin
# 3. 验证环境变量
flutter --version
3️⃣ 安装Android Studio
# 下载地址:https://developer.android.***/studio
# 安装时选择:
✅ Android SDK
✅ Android SDK Platform-Tools
✅ Android Emulator
✅ Android Virtual Device
4️⃣ 配置Android SDK
# 在Android Studio中设置SDK路径
File → Settings → Appearance & Behavior → System Settings → Android SDK
# 确保安装以下组件:
✅ Android SDK Platform 33 (API level 33)
✅ Android SDK Build-Tools 33.0.0
✅ Android SDK ***mand-line Tools
✅ Android Emulator
✅ Android SDK Platform-Tools
5️⃣ 配置Flutter环境
# 运行Flutter doctor检查环境
flutter doctor
# 接受Android licenses
flutter doctor --android-licenses
# 再次检查,应该看到绿色勾号 ✅
🍎 macOS环境搭建
1️⃣ 使用Homebrew安装 (推荐)
# 安装Homebrew (如果没有)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.***/Homebrew/install/HEAD/install.sh)"
# 安装Flutter
brew install --cask flutter
# 验证安装
flutter --version
2️⃣ 手动安装方式
# 下载Flutter SDK
curl -O https://storage.googleapis.***/flutter_infra_release/releases/stable/macos/flutter_macos_3.x.x-stable.tar.xz
# 解压到指定目录
cd ~/development
tar xf ~/Downloads/flutter_macos_3.x.x-stable.tar.xz
# 添加到PATH
echo 'export PATH="$PATH:$HOME/development/flutter/bin"' >> ~/.zshrc
source ~/.zshrc
3️⃣ 安装Xcode (iOS开发)
# 从App Store安装Xcode
# 安装完成后运行
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLau