VSCode for Dart:构建跨平台应用的开发环境

17次阅读

需依次安装 Dart SDK 或 Flutter SDK、配置 VSCode Dart 扩展、创建并运行 Dart/Flutter 项目验证环境。具体包括:下载解压 SDK、配置 PATH 环境变量、安装官方扩展、启用分析器、初始化项目、选择设备并测试热重载与调试。

VSCode for Dart:构建跨平台应用的开发环境

如果您希望使用 Dart 语言开发跨平台应用,但尚未配置适合的集成 开发环境,则可能是由于 VSCode 缺少必要的扩展或 Dart SDK 未正确集成。以下是完成该开发环境搭建的具体步骤:

本文运行环境:MacBook Air,macOS Sequoia

一、安装 Dart SDK

Dart SDK 是运行和编译 Dart 代码的基础 工具 集,必须在 VSCode 使用前独立安装并纳入系统路径,否则扩展将无法识别 Dart 运行时。

1、访问 https://dart.dev/get-dart,下载对应 macOS 架构的最新稳定版 Dart SDK ZIP 包。

2、解压 ZIP 文件至 /usr/local/share/dart-sdk 目录。

3、在终端中执行 echo ‘export PATH=”/usr/local/share/dart-sdk/bin:$PATH”‘ >> ~/.zshrc,将 dart 命令加入 环境变量

4、运行 source ~/.zshrc 使配置立即生效,并输入 dart –version 验证安装成功。

二、安装 Flutter SDK(可选但推荐)

若需构建 Flutter 应用(Dart 主流跨平台框架),则必须安装 Flutter SDK,它已内置 Dart 运行时,可替代独立 Dart SDK,但二者不可混用路径。

1、前往 https://flutter.dev/docs/get-started/install/macos 下载 Flutter SDK ZIP 文件。

2、解压至 ~/development/flutter 路径。

3、执行 echo ‘export PATH=”$PATH:$HOME/development/flutter/bin”‘ >> ~/.zshrc 更新环境变量。

4、运行 flutter doctor 检查依赖项,并按提示安装 Xcode 命令行工具及 Android Studio SDK。

三、配置 VSCode 扩展

VSCode 本身不支持 Dart 语法解析与调试,需通过官方扩展提供语言服务、热重载、断点调试等核心能力。

1、打开 VSCode,在扩展视图中搜索 Dart Code,点击安装由 Dart-Code 团队发布的官方扩展。

2、安装完成后重启 VSCode,确保状态栏右下角显示 DartFlutter 标识。

3、按下 Cmd + Shift + P 打开命令面板,输入 Dart: Open Extension Settings,启用 Enable AnalyzerShow Recommendations

四、创建首个 Dart 项目

验证环境是否就绪的最直接方式是生成并运行一个最小可执行 Dart 工程,无需外部依赖即可确认 SDK、编辑器与调试器协同正常。

1、在终端中进入目标工作目录,执行 dart create my_dart_app 初始化控制台项目。

2、在 VSCode 中使用 File → Open Folder 打开 my_dart_app 文件夹。

3、打开 bin/main.dart,点击右上角 Run and Debug 按钮旁的绿色三角形启动调试会话。

4、观察调试控制台输出 Hello, World!,表示 Dart 运行时与 VSCode 调试器已成功连接。

五、启用 Flutter 项目支持

当项目为 Flutter 类型时,VSCode 需切换至 Flutter 专用语言服务器,以支持 widget 树预览、设备选择及热重载快捷键等功能。

1、在终端中执行 flutter create my_flutter_app 创建新 Flutter 项目。

2、在 VSCode 中打开该项目根目录,等待右下角出现 No device selected 提示。

3、点击该提示,从弹出列表中选择已连接的 iOS 模拟器或 Android 设备。

4、按下 Cmd + S 保存任意 Dart 文件,触发热重载;或点击调试侧边栏中的 Start Debugging 启动完整调试会话。

星耀云
版权声明:本站原创文章,由 星耀云 2025-12-26发表,共计1658字。
转载说明:转载本网站任何内容,请按照转载方式正确书写本站原文地址。本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。
text=ZqhQzanResources