在 VSCode 中搭建 Flutter 开发环境并运行项目
在 VSCode 中运行 Flutter 项目并启动虚拟机的步骤如下:首先,安装 Flutter SDK 并添加其 bin 目录到系统 PATH,然后在 VSCode 中安装 Flutter 和 Dart 插件。接着,下载并安装 Android Studio,配置 Android 模拟器。创建 Flutter 项目后,打开终端启动模拟器,或通过 VSCode 工具栏选择设备,按 F5 运行项目。最
·
要在 Visual Studio Code (VSCode) 中运行 Flutter 项目并启动虚拟机(例如 Android Emulator),可以按照以下步骤进行设置和操作:
一、安装 Flutter 和 Dart 插件
-
安装 Flutter SDK:
- 前往 Flutter 官网 下载并安装 Flutter SDK,按照操作系统的指引完成安装。
- 将 Flutter SDK 的
bin
目录添加到系统的PATH
环境变量中。
-
安装 Dart SDK:
- Dart SDK 通常包含在 Flutter SDK 中,因此安装 Flutter 后不需要单独安装 Dart SDK。
-
安装 VSCode 插件:
- 打开 VSCode,进入扩展市场(可以按
Ctrl+Shift+X
)。 - 搜索
Flutter
插件并安装。 - 这将同时安装 Dart 插件,因为 Dart 插件是 Flutter 插件的依赖项。
- 打开 VSCode,进入扩展市场(可以按
二、安装 Android Studio 和配置 Android 模拟器
-
安装 Android Studio:
- 前往 Android Studio 官网 下载并安装 Android Studio。
- 安装过程中勾选安装 Android SDK、Android SDK 命令行工具,以及相关的构建工具。
-
配置 Android 模拟器:
- 打开 Android Studio,进入 AVD Manager(Android Virtual Device Manager)。
- 创建一个新的虚拟设备(AVD),选择你需要的设备类型和系统镜像(推荐使用 x86 镜像以获得更好的性能)。
- 完成配置并启动虚拟设备以确保其正常工作。
三、在 VSCode 中运行 Flutter 项目
-
创建新的 Flutter 项目:
- 打开 VSCode,按
Ctrl+Shift+P
打开命令面板。 - 输入
Flutter: New Project
,选择Flutter: New Project
并按提示创建新的 Flutter 项目。
- 打开 VSCode,按
-
运行 Flutter 项目:
- 在 VSCode 中打开你创建的 Flutter 项目。
- 打开终端(可以按
Ctrl+
`)。 - 启动 Android 模拟器,可以通过以下命令启动:
或者在 VSCode 的底部工具栏中,选择设备下拉列表,然后选择你的虚拟设备。emulator -avd <Your_AVD_Name>
- 确保模拟器正在运行。
- 在 VSCode 中,按
F5
或者在命令面板中输入Flutter: Run
以启动项目。
四、配置设备和调试选项
-
选择设备:
- 如果你有多个设备(例如物理设备和模拟器),可以在 VSCode 底部的状态栏中选择你希望运行的设备。
-
调试选项:
- VSCode 中的调试控制台可以提供丰富的调试功能,包括设置断点、检查变量、查看调试日志等。按
F5
启动调试模式。
- VSCode 中的调试控制台可以提供丰富的调试功能,包括设置断点、检查变量、查看调试日志等。按
更多推荐
已为社区贡献1条内容
所有评论(0)