0

0

Sublime Text怎么配置Flutter环境_Sublime编写Dart语言代码指南

裘德小鎮的故事

裘德小鎮的故事

发布时间:2025-12-29 14:52:55

|

751人浏览过

|

来源于php中文网

原创

配置Sublime Text进行Flutter开发需先安装Flutter SDK、Dart SDK及平台工具,并通过flutter doctor验证环境。2. 安装Sublime Text 4及Package Control以管理插件。3. 通过Package Control安装Dart、LSP、SideBarEnhancements等插件以支持语法高亮、智能提示和功能增强。4. 设置Dart文件语法识别并配置Dart构建系统用于运行脚本。5. 创建自定义Flutter构建系统如flutter run实现快速命令执行。6. 可选配置LSP插件连接Dart分析服务器以提升代码补全与诊断能力。7. 推荐设置自动保存、2空格缩进及安装AutoFileName等辅助插件优化编码体验。最终Sublime Text可在轻量前提下高效支持Flutter开发。

sublime text怎么配置flutter环境_sublime编写dart语言代码指南

Sublime Text 虽然不是官方推荐的 Flutter 开发主编辑器(如 Android Studio 或 VS Code),但通过合理配置,依然可以成为一个轻量、高效的 Dart 和 Flutter 代码编写工具。以下是详细的配置指南,帮助你在 Sublime Text 中搭建 Flutter 开发环境

1. 安装必要的软件和环境

在配置 Sublime Text 之前,确保你的系统已经正确安装并配置了以下组件:

  • Flutter SDK:从官网下载并解压,将 flutter/bin 添加到系统 PATH。
  • Dart SDK:通常包含在 Flutter SDK 中,无需单独安装。
  • 开发平台工具:如 Android SDK 或 Xcode,根据目标平台配置。
  • 验证安装:终端运行 flutter doctor 检查环境是否完整。

2. 安装 Sublime Text 与 Package Control

确保你使用的是最新版 Sublime Text(推荐 Sublime Text 4)。如果尚未安装 Package Control,可通过以下方式添加:

  • 使用快捷键 Ctrl+` 打开控制台。
  • 粘贴官方提供的安装脚本(访问 packagecontrol.io 获取最新代码)。
  • 重启 Sublime Text,按下 Ctrl+Shift+P 应该能看到 “Package Control: Install Package” 选项。

3. 安装关键插件支持 Dart 和 Flutter

通过 Package Control 安装以下插件提升开发体验:

  • Dart:提供语法高亮、代码片段和基本智能提示。
  • LSPPackage DAP:配合调试协议使用(可选进阶)。
  • SideBarEnhancements:增强右键菜单功能。
  • Material Theme:美化界面(非必需但推荐)。

安装方法:Ctrl+Shift+P → 输入 “Install Package” → 搜索插件名并安装。

4. 配置 Dart 语言支持

安装完 Dart 插件后,进行基础设置:

  • 设置 Dart 文件语法识别:打开一个 .dart 文件,点击右下角“Plain Text” → 选择 DartDart
  • 配置编译系统(可选):用于运行 Dart 脚本。

添加编译系统示例(Tools → Build System → New Build System):

LLaMA
LLaMA

Meta公司发布的下一代开源大型语言模型

下载
{ "cmd": ["dart", "$file"], "selector": "source.dart", "shell": true }

保存为 Dart.sublime-build。之后可用 Ctrl+B 运行 Dart 文件(仅适用于纯 Dart 脚本,不适用于 Flutter 应用)。

5. 集成 Flutter 命令快速执行

你可以通过自定义构建系统来快速运行 Flutter 命令:

  • 创建新的构建系统,例如 Flutter Run.sublime-build
{ "cmd": ["flutter", "run"], "working_dir": "${project_path:${folder}}", "shell": true, "encoding": "utf-8" }
  • 保存后,在项目根目录打开 main.dart,选择该构建系统并按 Ctrl+B 即可启动应用。
  • 类似地,可创建 flutter pub getflutter analyze 等命令。

6. 启用代码补全与 LSP 支持(进阶)

若希望获得更接近专业 IDE 的体验,可配置 LSP 插件连接 Dart 分析服务器:

  • 安装 LSP 插件(Package Control 搜索 LSP)。
  • 安装完成后,在命令面板启用 LSP:LSP: Enable Language Server In Project → 选择 Dart
  • 确保系统中 dart 命令可用,LSP 会自动查找分析器。

注意:LSP 对 Dart 的支持依赖于本地 Dart SDK 路径配置,可能需要手动设置 "command" 指向 dart 可执行文件。

7. 其他实用配置建议

  • 开启自动保存:Preferences → Settings 添加 "save_on_focus_lost": true
  • 设置缩进为 2 个空格(Dart 风格要求):View → Indentation → Tab Width: 2,勾选 Indent Using Spaces
  • 安装 AutoFileName 插件,快速补全路径引用。

基本上就这些。Sublime Text 配合合理插件,完全可以胜任 Flutter 项目的代码编写任务,尤其适合习惯轻量编辑器的开发者。虽然缺少热重载图形化按钮或设备管理器等高级功能,但通过命令行配合,效率依然可观。

相关专题

更多
c语言编程软件有哪些
c语言编程软件有哪些

c语言编程软件有GCC、Clang、Microsoft Visual Studio、Eclipse、NetBeans、Dev-C++、Code::Blocks、KDevelop、Sublime Text和Atom。更多关于c语言编程软件的问题详情请看本专题的文章。php中文网欢迎大家前来学习。

577

2023.11.02

android开发三大框架
android开发三大框架

android开发三大框架是XUtil框架、volley框架、ImageLoader框架。本专题为大家提供android开发三大框架相关的各种文章、以及下载和课程。

248

2023.08.14

android是什么系统
android是什么系统

Android是一种功能强大、灵活可定制、应用丰富、多任务处理能力强、兼容性好、网络连接能力强的操作系统。本专题为大家提供android相关的文章、下载、课程内容,供大家免费下载体验。

1710

2023.08.22

android权限限制怎么解开
android权限限制怎么解开

android权限限制可以使用Root权限、第三方权限管理应用程序、ADB命令和Xposed框架解开。详细介绍:1、Root权限,通过获取Root权限,用户可以解锁所有权限,并对系统进行自定义和修改;2、第三方权限管理应用程序,用户可以轻松地控制和管理应用程序的权限;3、ADB命令,用户可以在设备上执行各种操作,包括解锁权限;4、Xposed框架,用户可以在不修改系统文件的情况下修改应用程序的行为和权限。

1942

2023.09.19

android重启应用的方法有哪些
android重启应用的方法有哪些

android重启应用有通过Intent、PendingIntent、系统服务、Runtime等方法。本专题为大家提供Android相关的文章、下载、课程内容,供大家免费下载体验。

258

2023.10.18

Android语音播放功能实现方法
Android语音播放功能实现方法

实现方法有使用MediaPlayer实现、使用SoundPool实现两种。可以根据具体的需求选择适合的方法进行实现。想了解更多语音播放的相关内容,可以阅读本专题下面的文章。

342

2024.03.01

flutter框架优缺点
flutter框架优缺点

Flutter框架的作用是帮助开发者快速高效地开发出高性能、高保真、跨平台的移动应用。想了解更多flutter的相关内容,可以阅读本专题下面的文章。

398

2023.12.22

flutter和uniapp区别
flutter和uniapp区别

flutter和uniapp的区别:1、开发语言不同;2、性能表现不同;3、组件库不同;4、跨平台支持不同;5、生态圈不同;6、开发环境搭建;7、开发难度;8、社区支持。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

279

2023.12.22

俄罗斯搜索引擎Yandex最新官方入口网址
俄罗斯搜索引擎Yandex最新官方入口网址

Yandex官方入口网址是https://yandex.com;用户可通过网页端直连或移动端浏览器直接访问,无需登录即可使用搜索、图片、新闻、地图等全部基础功能,并支持多语种检索与静态资源精准筛选。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1

2025.12.29

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 0.9万人学习

Flutter开发基础教程_微信克隆
Flutter开发基础教程_微信克隆

共25课时 | 2.7万人学习

Dart Flutter2入门实战视频教程
Dart Flutter2入门实战视频教程

共47课时 | 6.1万人学习

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

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