Flutter | 基础环境配置和创建flutter项目

一、Flutter 是什么？

Flutter 是 Google 推出的 UI 工具包 ，用于构建 跨平台 （iOS、Android、Web、Windows、macOS、Linux）的高性能、高保真应用。它使用 Dart 语言 编写，具有热重载（Hot Reload）、丰富的组件库和出色的性能表现。

---

二、环境配置

第一步：系统要求

• 操作系统 ：
  • Windows 10/11 (64-bit)
  • macOS (Intel 或 Apple Silicon)
  • Linux (Ubuntu 20.04+ 推荐)
• 磁盘空间：至少 5 GB（包括 IDE 和工具链）
• 网络：需要访问 GitHub、pub.dev 等（国内建议配置镜像）

---

第二步：安装 Flutter SDK

💡 注意：Flutter SDK 自带 Dart SDK，无需单独安装 Dart。

方法 1：官方推荐方式（手动安装）

1. 下载 Flutter SDK

   百度网盘地址：

https://pan.baidu.com/s/1D3V5vy3Hq7mxTOamH4Mzhw 提取码: 34ch

1. 解压到本地目录

   • Windows：建议解压到D:\fairy\flutter\flutter（路径不要有空格或中文）
   • macOS/Linux ：建议解压到 /Users/你的用户名/development/flutter 或 /opt/flutter

1. 配置环境变量（PATH）

   Windows：

   • 将 flutter/bin 目录添加到系统 PATH 中。

添加两个环境变量

PUB_HOSTED_URL:https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

• macOS / Linux（~/.zshrc 或 ~/.bashrc）：

  export PATH="$PATH:`pwd`/flutter/bin"
  # 或指定路径
  export PATH="$PATH:/Users/yourname/development/flutter/bin"

  然后运行：

  source ~/.zshrc  # 或 source ~/.bashrc

验证安装

flutter --version

如果显示版本号，说明安装成功。

---

第三步：运行 flutter doctor

这是 Flutter 的环境诊断工具，会检查你的开发环境是否完整。

你会看到类似以下输出（带 ✗ 表示有问题，✓ 表示正常）：

flutter doctor

三、创建你的第一个 Flutter 项目

使用命令行创建

# 创建项目（项目名必须是小写，可含下划线，不能有空格或大写）
flutter create --platforms web flutter_base

安装trae插件：

运行也可以进入项目的lib目录下，点击run:

运行效果（默认的简单计数器）：