VS Code 做 Flutter 开发需配好环境、装全官方插件（Dart 和 Flutter）、配置到位；执行 flutter doctor 验证，连接设备后即可新建项目、热重载调试，配合合理设置提升效率。
用 VS Code 做 Flutter 开发很顺手，前提是环境配对、插件装全、配置到位。官方插件（Dart 和 Flutter）是核心，其他辅助插件按需加，不堆砌。
基础环境与插件安装
先装好 Flutter SDK，并把 flutter/bin 加进系统 PATH。打开 VS Code，去扩展市场搜 “Dart” 和 “Flutter”，两个都装——它们是官方出品，自动协同，比如 Dart 插件提供语言服务，Flutter 插件负责项目生成、设备识别和热重载支持。
- 装完重启 VS Code，新建终端执行
flutter doctor看是否绿色全勾；红黄项要逐个解决（比如 Android SDK 路径、Xcode 命令行工具） - 确保已连接真机或启动模拟器，
flutter devices能列出设备才算就绪 - 别手动装第三方 Dart/Flutter 插件，容易冲突；官方插件更新及时，兼容性有保障
项目创建与运行流程
用命令行或 VS Code 命令面板（Ctrl+Shift+P / Cmd+Shift+P）选 “Flutter: New Application” 创建项目，自动生成标准结构。VS Code 会自动识别 pubspec.yaml 并加载依赖。
- 按 Ctrl+F5 或点右上角 ▶️ 运行按钮，自动选择目标设备并启动调试会话
- 代码改完保存，按 Ctrl+S 触发热重载（Hot Reload），UI 即时更新；想重置状态就用 Ctrl+Shift+F5（Hot Restart）
- 调试时打个断点，F5 启动调试，变量值、调用栈、表达式求值都一目了然
常用配置与效率技巧
在 VS Code 设置里搜 “dart” 或 “flutter”，可以开启一些实用选项：
- 启用
dart.previewLsp（默认已开），提升代码补全和跳转准确度 - 设置
dart.flutterSdkPath指向你的 Flutter 安装目录，多版本切换时更可控 - 开启
editor.formatOnSave，配合dart.formatOnSave，保存即格式化，保持代码风格统一 - 装个 “Quick Fix” 类插件如 “Error Lens”，让报错提示更醒目，不用翻问题面板
调试与设备管理小贴士
VS Code 底部状态栏会显示当前设备、Flutter SDK 版本和 Dart SDK 版本，点击可快速切换设备或重载 SDK。
- 多个设备同时在线？状态栏设备名旁有下拉箭头，点一下就能换
- 遇到 “No device found”？先确认
adb devices或xcrun simctl list devices是否有响应，再刷新 VS Code 设备列表（Cmd/Ctrl+Shift+P → “Flutter: Refresh Devices”） - 想看日志？打开“OUTPUT”面板，选 “Flutter” 或 “Dart” 标签页，比控制台更干净
基本上就这些。不复杂但容易忽略细节，比如 PATH 没配对、插件没重启、设备没授权，都会卡在第一步。稳住节奏，一个环节一个环节过，Flutter + VS Code 的开发体验真的很轻快。
