答案：安装Dart SDK并配置环境变量，通过Package Control安装Dart插件，设置自定义构建系统实现运行与编译。首先从官网下载Dart SDK并将其bin目录加入PATH，验证dart –version和dart pub –version；接着在Sublime Text中安装Dart插件以获得语法高亮、补全、错误提示和跳转功能；然后创建Dart.sublime-build文件，配置shell_cmd为”dart run “$file””，添加file_regex解析错误信息，并可扩展变体支持终端运行、编译JS或执行测试；若使用Flutter，可直接指向其内置Dart SDK路径确保版本兼容，最终实现一键构建与高效开发。
在Sublime Text里运行Dart代码，核心步骤就是安装Dart SDK，然后在Sublime Text中安装并配置Dart语言支持插件，最后可能还需要一个自定义的构建系统来简化执行。这听起来可能有点折腾，但一旦设置好，开发体验会流畅很多。
解决方案
首先，你得确保你的系统里已经有了Dart SDK。这是所有Dart开发的基础。我通常会直接去Dart官方网站下载最新的稳定版SDK。下载后，按照官方指引安装，最关键的一步是把Dart的
bin
目录添加到系统的环境变量（PATH）里。这步非常重要，不然Sublime Text可能找不到
dart
命令。你可以打开终端或命令提示符，输入
dart --version
来验证是否安装成功。如果能显示版本号，那恭喜你，第一关通过。
搞定SDK之后，咱们就转向Sublime Text。打开它，如果你还没安装Package Control，那得先装一下（这是Sublime Text生态里必不可少的一个工具）。装好Package Control后，用
Ctrl+Shift+P
（macOS是
Cmd+Shift+P
）调出命令面板，输入
Package Control: Install Package
，回车。等一会儿，搜索框会出现，输入
dart
，找到并安装官方或社区维护的Dart插件。这个插件会提供语法高亮、代码补全等基础功能。
安装完插件，通常情况下，它会自动尝试找到你的Dart SDK路径。但如果不行，或者你想指定特定版本的SDK，你可能需要手动配置。打开Sublime Text的
Preferences -> Package Settings -> Dart -> Settings - User
，在打开的文件中添加或修改
dart_sdk_path
配置项，指向你的Dart SDK根目录，比如：
{ "dart_sdk_path": "/Users/youruser/development/flutter/bin/cache/dart-sdk" // macOS/Linux 示例 // 或者 "dart_sdk_path": "C:srcflutterbincachedart-sdk" // Windows 示例}
注意，如果你是通过Flutter安装的Dart SDK，路径可能会深一点，像我上面给的例子。
最后，为了能直接在Sublime Text里运行Dart文件，你需要一个构建系统。
Tools -> Build System -> New Build System...
，然后把下面的JSON内容粘贴进去，保存为
Dart.sublime-build
：
{ "shell_cmd": "dart run "$file"", "file_regex": "^(.*?):([0-9]+):([0-9]+): (.*)$", "selector": "source.dart", "variants": [ { "name": "Run in Terminal", "shell_cmd": "start cmd /k dart run "$file"" // Windows // "shell_cmd": "open -a Terminal.app sh -c 'dart run "$file"; echo Press Enter to close; read'" // macOS // "shell_cmd": "gnome-terminal -- bash -c 'dart run "$file"; echo Press Enter to close; read'" // Linux (for Gnome) }, { "name": "Compile to JS", "shell_cmd": "dart compile js "$file" -o "$file_base_name".js", "file_regex": "^(.*?):([0-9]+):([0-9]+): (.*)$" } ]}
这个构建系统默认会用
dart run
执行当前文件。我个人还加了几个
variants
，比如在独立终端里运行，或者编译成JavaScript（虽然现在Dart更多是服务器或Flutter，但了解一下也无妨）。保存后，你就可以在
Tools -> Build System
中选择
dart
。打开一个Dart文件，按
Ctrl+B
（或
Cmd+B
），你的代码就会跑起来了。
Dart SDK安装：那些你可能忽略的细节和效率秘诀
安装Dart SDK这事儿，看起来就是下载、解压、加路径，但里头真有些小细节，处理不好就容易卡壳。我当初就因为环境变量没设对，或者设了没生效，折腾了好一阵子。
首先，下载渠道一定要官方，直接去
dart.dev
。别图省事儿从一些非官方镜像站下，安全和版本更新都得不到保障。下载下来后，解压到你喜欢的位置，比如我个人习惯放在用户目录下的
development
文件夹里，或者直接跟着Flutter SDK走（因为Flutter自带了Dart SDK）。
最最关键的一步是把Dart SDK的
bin
目录加入系统的
PATH
环境变量。在Windows上，这意味着你要去“系统属性”里找“环境变量”，然后在“系统变量”或“用户变量”里编辑
PATH
，把Dart
bin
目录的完整路径加进去。注意，多个路径之间要用分号隔开。而在macOS或Linux上，通常是在你的
~/.bashrc
、
~/.zshrc
或
~/.profile
文件里添加一行
export PATH="$PATH:/path/to/your/dart/sdk/bin"
。改完之后，记得
source
一下对应的配置文件，或者直接重启终端，让修改生效。
验证安装，不要只满足于
dart --version
。更进一步，试试
dart pub --version
。
pub
是Dart的包管理器，日常开发中会频繁用到。如果
dart pub
也能正常响应，那说明你的SDK环境基本没问题了。我见过有些情况是
dart
命令能用，但
pub
却不行，这往往是PATH设置不完整或有冲突导致的。
还有一个小技巧，如果你同时在用Flutter，那么Flutter SDK里其实已经包含了一个特定版本的Dart SDK。你完全可以直接指向Flutter自带的Dart SDK，这样可以确保你的Dart版本和Flutter版本是兼容的，省去了单独管理Dart SDK的麻烦。路径通常是
your_flutter_path/bin/cache/dart-sdk
。这样做，可以避免不同项目或工具链因为Dart版本不一致而引发的各种奇奇怪怪的问题。
Sublime Text Dart插件：如何榨干它的每一滴价值？
Sublime Text的Dart插件，它不仅仅是提供了语法高亮这么简单，深入挖掘它的功能，能让你的Dart开发效率提升一大截。我用Sublime Text写Dart代码的时候，就特别依赖它的几个核心功能。
首先是代码补全。当你输入类名、方法名或者变量名的时候，插件会智能地弹出建议。这不仅仅是简单的文本匹配，它能理解Dart的类型系统，给出更准确、上下文相关的补全。比如，你创建了一个
List
，输入
.
后，它会优先显示
List
类型特有的方法，而不是所有可能的函数。我个人觉得，好的代码补全能大幅减少拼写错误和查文档的时间。
代码小浣熊
代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节
51 查看详情
其次是错误和警告提示。插件通常会集成Dart的分析器（analyzer），在你编写代码时实时检查语法错误、类型不匹配、未使用的变量等问题。这些问题会以黄色波浪线（警告）或红色波浪线（错误）的形式直接显示在代码下方，并且在Sublime Text底部的状态栏也会有提示。点击这些提示，通常还能跳转到对应的错误行。这比你每次运行代码才发现错误要高效得多，等于是把编译时的检查提前到了编写时。
代码格式化也是一个非常实用的功能。Dart社区有一套官方推荐的格式化规范，
dart format
命令就是用来做这个的。很多Dart插件会提供一个快捷键或者命令，让你能一键格式化当前文件，让代码保持整洁统一。我个人习惯在每次提交代码前都跑一次格式化，保持代码库的风格一致性，这对于团队协作尤其重要。
再来就是跳转到定义（Go to Definition）。当你看到一个方法调用或者变量使用，想知道它是在哪里定义的，只需把光标放在上面，然后按一个快捷键（通常是
F12
或者
Ctrl+Click
），插件就能带你直接跳到其定义的地方。这对于阅读大型代码库或者理解第三方库的API非常有帮助，省去了手动搜索的麻烦。
虽然Sublime Text不像一些IDE那样功能全开，但通过这些核心功能，以及合理利用快捷键，它在Dart开发中依然能提供一个轻量级且高效的环境。关键在于熟悉并利用好插件提供的这些能力，而不是仅仅把它当成一个带语法高亮的文本编辑器。
自定义构建系统：让Sublime Text成为你的Dart专属发射台
Sublime Text的构建系统（Build System）是一个非常强大的功能，它允许你定义外部命令来处理当前文件或项目。对于Dart开发来说，这意味着你可以一键运行、测试、编译你的Dart代码，而无需切换到终端。我个人觉得，这个功能是Sublime Text作为开发环境不可或缺的一部分。
创建自定义构建系统，我们通常会去
Tools -> Build System -> New Build System...
。Sublime Text会打开一个空白的
.sublime-build
文件，让你填入JSON配置。
最基本的配置就是
"shell_cmd": "dart run "$file""
。这里的
$file
是一个Sublime Text内置的变量，它会自动替换为当前打开的文件的完整路径。所以，当你按下
Ctrl+B
时，Sublime Text就会在后台执行
dart run your_current_file.dart
。
我上面提供的构建系统配置里，还包含了
"file_regex"
。这个正则表达式是用来解析编译器输出的错误信息的。当你的Dart代码有错误时，
dart run
或
dart compile
的输出会包含文件名、行号、列号和错误描述。
file_regex
会捕捉这些信息，让Sublime Text能在底部的构建输出面板中高亮显示错误，并且你可以双击错误信息直接跳转到对应的代码行。这极大地提高了调试效率。
除了运行，你还可以添加更多的“变体”（
variants
）来执行不同的操作。比如，我配置了
"Compile to JS"
，它会执行
dart compile js "$file" -o "$file_base_name".js
。
$file_base_name
是另一个内置变量，代表不带扩展名的文件名。这样，你就可以快速地将Dart文件编译成同名的JavaScript文件。
对于测试，你也可以添加一个变体，比如：
{ "name": "Run Dart Tests", "shell_cmd": "dart test "$folder"" // 运行当前项目的所有测试 // 或者 "shell_cmd": "dart test "$file"" // 如果你的测试文件就是当前文件}
这样，你就可以在Sublime Text里直接运行Dart项目的测试了。
自定义构建系统的灵活性在于，你可以根据自己的项目需求和工作流，定义任意多的命令和变体。比如，如果你在用Flutter，你甚至可以定义一个
flutter run
或者
flutter build web
的变体。通过这些定制，Sublime Text就能从一个纯粹的文本编辑器，摇身一变成为一个为你量身打造的Dart开发控制台，大大提升了开发的便利性和效率。
以上就是如何在SublimeText中运行Dart代码？快速设置Dart环境的完整教程的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/222592.html
微信扫一扫 
支付宝扫一扫 
