0

0

Sublime如何配置Flutter开发环境 Sublime Dart插件安装教程【指南】

冰火之心

冰火之心

发布时间:2026-01-28 13:54:11

|

531人浏览过

|

来源于php中文网

原创

不能。Sublime Text缺乏Flutter调试、热重载、设备管理及项目导航功能,仅可作为轻量备选编辑器;需安装官方Dart插件、配置dartfmt路径并依赖终端执行构建与部署。

sublime如何配置flutter开发环境 sublime dart插件安装教程【指南】

Sublime 能不能当主力 Flutter IDE?

不能。Sublime Text 本身不支持 Flutter 调试、热重载、设备管理或项目导航,它只是个编辑器——但如果你只需要快速查看、修改 UI 或逻辑代码(比如改个 Text 字体、调个 Provider 值),配好 Dart 插件后,它比 VS Code 启动快、内存占用低,是个靠谱的“轻量备选”。别指望它替代 Android Studio 或 VS Code,也别在它里面点“运行”按钮找热重载,所有构建和部署必须回到终端。

安装 Dart 插件并确认 SDK 可见

Sublime 的 Dart 支持靠社区插件 Dart(作者 fkorotkov),不是 Dart SassFlutter Snippets。装错就白忙活:

  • Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+PmacOS),输入 Package Control: Install Package,回车
  • 搜索 Dart,认准图标是蓝色 Dart 标志、描述含 “Dart language support” 的那一项
  • 安装完重启 Sublime,打开任意 .dart 文件,右下角状态栏应显示 Dart;若显示 Plain Text,点击那里 → Open all with current extension asDart
  • 确保终端能跑通:flutter --versiondart --version 都有输出,且 flutter doctor 无红色错误

配置 dartfmt 自动格式化与 SDK 路径

默认不格式化,也不提示 SDK 错误。必须手动指定 dartfmt 路径,否则保存时没反应,还可能报 command not found

  • 菜单 → PreferencesPackage SettingsDartSettings
  • 在右侧用户设置里粘贴(路径按你本地改):
{
  "dart_format_on_save": true,
  "dart_format_on_save_timeout_ms": 5000,
  "dart_format_command": "/path/to/flutter/bin/cache/dart-sdk/bin/dartfmt"
}

⚠️ Windows 用户注意:/path/to/flutter 换成你真实的 Flutter 解压路径(如 C:\flutter),路径含空格会失败(比如 C:\Users\My Name\flutter),建议解压到根目录或用短路径;macOS/Linux 可用 which dartfmt 查路径。

Designs.ai
Designs.ai

AI设计工具

下载

想在 Sublime 里一键运行 Dart 文件?建 Build System

Sublime 不内置运行能力,但可通过自定义构建系统触发 dart run,适合纯 Dart 脚本(非 Flutter App)。Flutter 项目仍需终端执行 flutter run

  • 菜单 → ToolsBuild SystemNew Build System
  • 替换内容为(Windows 示例,路径按你改):
{
  "cmd": ["C:\\flutter\\bin\\cache\\dart-sdk\\bin\\dart.exe", "run", "$file"],
  "file_regex": "^.*?File \"(.+?)\", line ([0-9]+)",
  "selector": "source.dart"
}

保存为 Dart.sublime-build,然后打开一个 .dart 文件(比如含 void main() { print('hello'); }),按 Ctrl+B 即可运行。注意:这调用的是 Flutter 内置 Dart SDK,版本与你的 Flutter 一致,无需单独装 Dart SDK。

最容易被忽略的一点:所有配置都依赖 PATH 中的 flutter/binflutter/bin/cache/dart-sdk/bin 已生效。如果某天 dartfmt 突然不工作了,先检查 flutter upgrade 后缓存路径是否变动——Flutter 升级可能重建 cache/dart-sdk,旧路径就失效了。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Sass和less的区别
Sass和less的区别

Sass和less的区别有语法差异、变量和混合器的定义方式、导入方式、运算符的支持、扩展性等。本专题为大家提供Sass和less相关的文章、下载、课程内容,供大家免费下载体验。

203

2023.10.12

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

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

186

2023.09.27

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

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

177

2023.11.23

java中void的含义
java中void的含义

本专题整合了Java中void的相关内容,阅读专题下面的文章了解更多详细内容。

98

2025.11.27

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

762

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1129

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

800

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

454

2023.08.02

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

158

2026.01.28

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 7.9万人学习

Git 教程
Git 教程

共21课时 | 3.1万人学习

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

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