零基础学Flutter：从安装到第一个应用的完整指南

1. 安装Flutter SDK

1. 下载SDK

   • 访问Flutter官网
   • 选择对应操作系统的安装包（Windows/macOS/Linux）
   • 解压到本地目录（例如：C:\flutter 或 ~/flutter）

2. 配置环境变量

   • Windows：
     添加Flutter路径到系统变量：

     setx PATH "%PATH%;C:\flutter\bin"
     

   • macOS/Linux：
     编辑~/.bashrc或~/.zshrc：

     export PATH="$PATH:[解压路径]/flutter/bin"
     

   • 验证安装：

     flutter doctor
     

2. 安装开发工具

1. IDE选择（任选其一）

   • Android Studio：
     • 下载地址：developer.android.com
     • 安装后添加Flutter插件：File > Settings > Plugins > 搜索Flutter
   • VS Code：
     • 下载地址：code.visualstudio.com
     • 安装扩展：Flutter和Dart

2. 安装Android工具链（仅Android开发）

   • 运行flutter doctor，按提示安装Android SDK和许可证：

     flutter doctor --android-licenses
     

3. 配置设备

1. Android模拟器
   • 打开Android Studio > Tools > Device Manager
   • 创建虚拟设备（推荐Pixel系列）
2. 真机调试
   • Android：启用开发者选项和USB调试
   • iOS：需Xcode和Apple开发者账号

4. 创建第一个应用

1. 生成项目
   在终端运行：

   flutter create my_first_app
   cd my_first_app
   

2. 项目结构
   • lib/main.dart：主入口文件
   • android/ & ios/：平台相关配置
   • pubspec.yaml：依赖管理

5. 运行应用

1. 启动模拟器/连接真机
2. 运行命令：

   flutter run
   

   • 成功后会显示默认计数器应用：

     

6. 修改应用

1. 修改标题
   打开lib/main.dart，找到以下代码：

   home: const MyHomePage(title: 'Flutter Demo Home Page'),
   

   修改引号内文字（例如：'我的第一个应用'）

2. 添加新功能
   在_MyHomePageState类中添加按钮：

   floatingActionButton: FloatingActionButton(
     onPressed: () => print("Hello Flutter!"),
     child: const Icon(Icons.add),
   ),
   

3. 热重载

   • 保存文件后，在终端按r键
   • 界面实时更新，无需重启应用！

7. 常见问题

提示：

• 所有Flutter命令需在项目目录运行
• 使用flutter upgrade定期更新SDK
• 更多示例参考Flutter官方文档

通过本指南，您已完成从安装到运行的全流程！下一步可尝试Flutter官方教程深入学习组件和状态管理。