0

0

VSCode for Dart:从零开始配置开发环境

P粉986688829

P粉986688829

发布时间:2025-12-31 13:22:02

|

463人浏览过

|

来源于php中文网

原创

Dart开发环境搭建需依次完成五步:一、安装Dart SDK并配置PATH;二、安装VSCode及官方Dart插件;三、用dart create初始化项目并执行pub get;四、配置launch.json支持调试;五、运行和调试bin/main.dart验证全流程正常。

vscode for dart:从零开始配置开发环境

如果您刚刚开始使用 VSCode 进行 Dart 开发,但尚未安装必要组件或配置基础环境,则可能无法创建、运行或调试 Dart 项目。以下是完成初始开发环境搭建的完整流程:

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

一、安装 Dart SDK

Dart SDK 是运行和编译 Dart 代码的核心工具集,包含 dart 命令行工具、分析器及标准库。未安装 SDK 将导致 VSCode 无法识别 .dart 文件语法或执行 dart run 等命令。

1、访问 https://dart.dev/get-dart 官方下载页面。

2、选择与 macOS Sequoia 兼容的最新稳定版 macOS ARM64 ZIP 包。

3、解压下载文件到 /usr/local/share/dart-sdk 目录。

4、在终端中执行 echo 'export PATH="/usr/local/share/dart-sdk/bin:$PATH"' >> ~/.zshrc 并运行 source ~/.zshrc 刷新环境变量

5、输入 dart --version 验证输出版本号且无错误提示。

二、安装 VSCode 及 Dart 插件

VSCode 本身不内置 Dart 支持,需通过官方扩展提供语法高亮、代码补全、热重载和调试器集成。缺少该插件将导致编辑器仅显示纯文本,无法触发任何语言服务功能。

1、前往 https://code.visualstudio.com/Download 下载 macOS 版 VSCode 安装包。

2、双击安装包完成拖拽式安装,并启动 VSCode 应用程序。

3、点击左侧活动栏的扩展图标(四个方块组成的图标),在搜索框中输入 Dart Code

4、在搜索结果中找到由 Dart Code 团队发布的官方扩展(ID: Dart-Code.dart-code),点击“安装”按钮。

5、安装完成后重启 VSCode,确保状态栏右下角出现 Dart 语言标识。

三、创建并初始化 Dart 项目

使用 dart create 命令可生成符合 Pub 标准结构的项目模板,包含 pubspec.yaml、bin/ 和 lib/ 目录等必需元素。手动创建目录结构易遗漏关键文件,导致 pub get 失败或运行异常。

1、打开终端,切换至目标工作目录,例如 cd ~/Projects

2、执行 dart create my_first_dart_app,其中 my_first_dart_app 为项目名称。

最新版本ArcGIS For Android Eclipse环境配置 中文WORD版
最新版本ArcGIS For Android Eclipse环境配置 中文WORD版

ArcGIS for Android SDK 目前最新版本为10.2.5 从此版本开始ESRI不在提供Eclipse的插件支持,官方的帮助也针对于Android Studio的支持;本文档主要讲述的内容是最新版本ArcGIS For Android Eclipse环境配置;感兴趣的朋友可以过来看看

下载

3、等待命令完成,确认当前目录下已生成名为 my_first_dart_app 的子文件夹。

4、在 VSCode 中选择“文件 > 打开文件夹”,定位并打开该文件夹。

5、观察 VSCode 底部状态栏是否显示 Pubspec file detected. Run 'pub get' to fetch dependencies.,点击该提示或按 Cmd+Shift+P 输入 “Dart: Pub Get” 执行依赖获取。

四、配置 launch.json 启动调试设置

VSCode 默认不预置 Dart 调试配置,需手动添加 .vscode/launch.json 文件以启用断点调试、变量监视和控制台交互。缺少此配置将导致 F5 启动失败或直接跳过调试模式。

1、在 VSCode 中打开命令面板(Cmd+Shift+P),输入并选择 Debug: Open launch.json

2、若提示“没有 launch.json,是否创建?”,点击“是”,然后选择 Dart & Flutter 环境。

3、在生成的 launch.json 文件中,确认 configurations 数组内存在 type 字段值为 dart 的对象。

4、修改 program 字段指向主入口文件路径,例如 "program": "bin/main.dart"

5、保存文件后,在 bin/main.dart 中设置断点,按 F5 即可启动调试会话。

五、验证环境可用性

通过运行一个最小可执行 Dart 脚本,可确认 SDK、插件、项目结构与调试配置四者协同正常。任一环节异常均会导致控制台报错或无输出。

1、确保项目根目录下存在 bin/main.dart 文件,内容为:

void main() { print('Hello from Dart!'); }

2、在 VSCode 终端中执行 dart run,观察输出是否为 Hello from Dart!

3、在 main 函数第一行左侧灰色区域单击设置断点,按 F5 启动调试,确认执行暂停且调试面板显示变量视图。

4、在调试控制台中输入 print(2 + 3),确认返回结果为 5

5、打开命令面板(Cmd+Shift+P),输入 Dart: Show Analyzer Logs,检查日志中无严重(Error)级别报错信息。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

402

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

528

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

306

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

74

2025.09.10

python中print函数的用法
python中print函数的用法

python中print函数的语法是“print(value1, value2, ..., sep=' ', end=' ', file=sys.stdout, flush=False)”。本专题为大家提供print相关的文章、下载、课程内容,供大家免费下载体验。

183

2023.09.27

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

184

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

260

2023.10.25

javascriptvoid(o)怎么解决
javascriptvoid(o)怎么解决

javascriptvoid(o)的解决办法:1、检查语法错误;2、确保正确的执行环境;3、检查其他代码的冲突;4、使用事件委托;5、使用其他绑定方式;6、检查外部资源等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

173

2023.11.23

小游戏4399大全
小游戏4399大全

4399小游戏免费秒玩大全来了!无需下载、即点即玩,涵盖动作、冒险、益智、射击、体育、双人等全品类热门小游戏。经典如《黄金矿工》《森林冰火人》《狂扁小朋友》一应俱全,每日更新最新H5游戏,支持电脑与手机跨端畅玩。访问4399小游戏中心,重温童年回忆,畅享轻松娱乐时光!官方入口安全绿色,无插件、无广告干扰,打开即玩,快乐秒达!

30

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.5万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号