Flutter环境篇:5分钟搭建Flutter开发环境,告别配置地狱

Flutter环境篇:5分钟搭建Flutter开发环境,告别配置地狱

⚡ 想要开始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
转载请说明出处内容投诉
CSS教程网 » Flutter环境篇:5分钟搭建Flutter开发环境,告别配置地狱

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买