一、新建项目

1. 在Cursor中打开终端，切换到项目文件夹目录下

• 项目命名规则，小写字母+下划线
• 执行命令

flutter create my_learning_app

• 新建成功后终端切换到项目目录下

2. 执行运行命令

flutter run

终端执行 flutter run 成功，无报错，处于选择运行设备的交互环节。现阶段不需要真机调试，暂时选择谷歌浏览器窗口进行渲染，2回车

• 演示demo已生成，更改代码保存之后在终端按r，实现热重载，页面实时渲染

二、项目树结构

my_learning_app/  # 项目根目录（核心，所有操作基于此）
├── .dart_tool/   # 自动生成：Dart 工具缓存（无需修改/关注）
├── .idea/        # 自动生成：IDE 配置文件（Cursor/Android Studio 自动管理）
├── android/      # Android 端配置目录（适配安卓设备）
│   ├── app/      # 安卓核心配置（重点：build.gradle、AndroidManifest.xml）
│   │   ├── src/main/
│   │   │   ├── AndroidManifest.xml  # 安卓权限配置（如相机、定位权限）
│   │   │   └── kotlin/              # 安卓原生代码（新手无需修改）
│   │   └── build.gradle             # 安卓构建配置（重点：applicationId 包名）
│   └── build.gradle                 # 安卓全局配置（无需修改）
├── assets/       # 手动创建：静态资源目录（图片、字体、json 文件等）
├── build/        # 自动生成：编译产物（运行/打包后生成，无需修改）
├── ios/          # iOS 端配置目录（适配苹果设备，新手可忽略）
│   ├── Runner/   # iOS 核心配置（Info.plist 是权限配置）
│   └── Podfile   # iOS 依赖管理（类似安卓的 build.gradle）
├── lib/          # 核心代码目录（新手 99% 的开发工作在这里）
│   └── main.dart # 项目入口文件（App 启动的第一个文件，必须有）
├── linux/        # Linux 桌面端配置（新手忽略）
├── macos/        # macOS 桌面端配置（新手忽略）
├── pubspec.lock  # 自动生成：依赖版本锁定文件（pub get 后生成，无需修改）
├── pubspec.yaml  # 核心配置文件（依赖管理、静态资源配置，新手高频修改）
├── test/         # 测试代码目录（单元测试/Widget 测试，新手暂时忽略）
│   └── widget_test.dart # 默认测试文件
├── web/          # Web 端配置（Chrome 运行时的入口文件，无需修改）
│   ├── index.html # Web 端入口页面
│   └── manifest.json # Web 端配置
└── windows/      # Windows 桌面端配置（需 Visual Studio 支持，你已禁用）
    └── runner/   # Windows 原生配置（无需修改）

1. 新增页面

在 lib/ 下新建 pages/ 目录，创建 home_page.dart（首页）和其他页面：

lib/
├── main.dart
└── pages/
    └── home_page.dart  # 首页代码

2. 配置静态资源

• 在项目根目录新建 assets/images/，放入 logo.png；
• 在 pubspec.yaml 中配置：

flutter:
  uses-material-design: true
  assets:
    - assets/images/logo.png  # 配置图片路径

• 在代码中引用：Image.asset('assets/images/logo.png')。

3. 添加依赖

• 在 pubspec.yaml 的 dependencies 下添加：

dependencies:
  flutter:
    sdk: flutter
  dio: ^5.4.3+1  # 网络请求依赖

• 执行 flutter pub get 安装

dio是 Flutter 开发中最常用的网络请求依赖库，简单来说，它的核心作用是帮你的 App 实现「前端（Flutter）和后端（比如 Firebase、自己的服务器）之间的数据通信」

4. 总结

• 新手核心目录「改代码找 lib，配依赖找 pubspec.yaml，放图片找 assets」即可，其他目录用到时再查。

三、AI改代码测试

1. Ctrl+I打开聊天窗口，输入需求

• 通过！