工程与IDE
开发环境
安装flutter SDK
通过 git 下载 git clone https://github.com/flutter/flutter.git
配置环境变量
MAC 配置环境变量
windows 配置环境变量
将下载的
flutter sdk目录下的bin目录拷贝到自定义路径C:\devTools\flutter下，效果如下图))
打开环境变量，在 系统环境变量 的
path对话框中添加路径c:\devTools\flutter\bin在 环境变量 中的 系统变量 中新增项目，名称
PUB_HOSTED_URL值https://pub.flutter-io.cn在 环境变量 中的 系统变量 中新增项目，名称
FLUTTER_STORAGE_BASE_URL值https://storage.flutter-io.cn
诊断flutter环境
检查版本号 flutter --version
诊断环境 flutter doctor -v
导入依赖
类似 java 开发中的 pom.xml，在 flutter 的项目配置文件是 pubspec.yaml，在其中设置依赖以及其版本号。在文件中找到 dependencies 在其下添加依赖的第三方组件添加后如下图
在左边树形结构中找到文件 pubspec.yaml 点击右键菜单中的 Flutter > flutter pub get，下载并应用依赖。
IDE
Trae
使用 Trae 也可以进行 flutter 项目的开发，需要两个插件的支持：Flutter,Awesome Flutter Snippets 打开文件 lib/main.dart 在入口函数 void main 上面会显示 run|debug|profile，点击 run 即可运行项目
快捷键
- 快速创建有状态组件，录入
statefulw然后使用tab填充代码，类似的，录入statelessw快速创建无状态组件
创建项目
概述
2025年12月5日 重新看了今年的视频教程，使用 flutter create 项目名称 创建的项目默认是支持所有平台，会导致实际的源码目录 lib 和各个平台目录 windows,android,macos 处于同级目录，使用 Android Studio 打开项目根目录时会报错无法通过 gradle 同步依赖。实际开发中应该创建指定平台的项目 flutter create --platforms android/web/windows/mac 项目名称
android
1. flutter create 项目名称
2. cd 项目名称
使用 Android Studio 打开新建项目的根目录文件夹，即文件 pubspec.yaml 所在的目录，2025年7月15日 安装的最新版 Android Studio 打开新项目会一直显示在加载文件，点击取消后可以正常打开项目。按照下图一样运行项目：
- 如果有多个模拟器，在步骤1中选择合适的模拟器，点击后稍等片刻才会启动
- 选择对应名称的模拟器，在点击工具栏的启动按钮
2025年12月2日 创建了新工程，在执行 flutter create 工程名称 之后不需要在 pubspec.yaml 上通过右键菜单执行 Flutter > Flutter Pub Get，也没有用于初始化的命令 flutter init
使用 Android Studio 打开上面创建项目的子模块目录 android，而不是打开整个项目的根目录，否则 android 项目的 gradle 同步依赖会失败。运行项目之前要先运行模拟器或者接入真实硬件进行调试
windows项目
# 启用 windows 平台支持
flutter config --enable-windows-desktop
# 创建新项目并切换路径
flutter create my_windows_app
cd my_windows_app
# 运行项目
flutter run -d windows
第三方库
http
在业务组件页面添加代码 import 'package:http/http.dart' as http; 导入依赖