VSCode for Flutter：移动应用开发环境搭建-VSCode-PHP中文网

VSCode for Flutter：移动应用开发环境搭建

P粉986688829

发布： 2025-12-20 10:19:02

原创

389人浏览过

用 VSCode 做 Flutter 开发完全可行：需正确安装 Flutter SDK（含 Dart）、配置 PATH，安装官方 Flutter 和 Dart 插件，配置 Android/iOS 工具链，运行 flutter devices 确认设备就绪，利用 F5 调试、Ctrl+S 热重载、DevTools 优化开发体验。

vscode for flutter：移动应用开发环境搭建

用 VSCode 做 Flutter 开发完全可行，而且轻量、高效、插件丰富——关键是要配对核心组件，避免踩坑。

装好 Flutter SDK 和 Dart SDK

Flutter 官方已将 Dart SDK 打包进 Flutter SDK，所以只需下载并解压 Flutter SDK（推荐从 flutter.dev 官网获取稳定版），再把 flutter/bin 加入系统 PATH。运行 flutter doctor 会自动检查 Dart 环境，不用单独装 Dart SDK。注意：别用 brew 或 apt 直接装 flutter，容易版本混乱或权限问题。

安装 VSCode 并启用关键插件

VSCode 本身要保持最新版。必须安装的两个插件是：

Flutter（官方插件，含 Dart 支持、热重载按钮、设备选择器）
Dart（由 sameer official 维护，提供代码补全、跳转、格式化等底层语言支持）

装完重启 VSCode，打开一个 .dart 文件，左下角应显示 Dart SDK 路径；运行 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（Mac），输入 “Flutter: New Project”，能正常创建项目即说明插件就绪。

配置模拟器或连接真机

Flutter 依赖平台工具链：

Android 开发者指南第一部分：入门

Android文档-开发者指南-第一部分：入门-中英文对照版 Android提供了丰富的应用程序框架，它允许您在Java语言环境中构建移动设备的创新应用程序和游戏。在左侧导航中列出的文档提供了有关如何使用Android的各种API来构建应用程序的详细信息。第一部分：Introduction(入门) 0、Introduction to Android(引进到Android) 1、Application Fundamentals(应用程序基础) 2、Device Compatibility(设备兼容性) 3、

查看详情

Android：装 Android Studio（至少带 Android SDK、Platform-Tools、Emulator），然后在 VSCode 中通过 Flutter: Launch Emulator 启动 AVD；或用 USB 连接安卓手机并开启开发者模式和 USB 调试
iOS：仅限 macOS；需 Xcode（含 Command Line Tools）和 iOS 模拟器；VSCode 中可直接选 “iPhone 15” 类设备运行

运行 flutter devices 能看到列表，才代表设备准备就绪。如果只显示 “No devices”，重点检查 adb 是否可用、Xcode 是否授权、USB 连接是否被识别。