PyCharm 2025.3 Help

Dart

借助 PyCharm,您可以开发、运行并调试 Dart Web 和命令行应用程序。 PyCharm 为您提供代码补全、错误与语法高亮、代码检查与快速修复、搜索与导航、重构等功能。 PyCharm 还与 pub 工具Dart 分析服务器 集成。

安装 Dart 插件

此功能依赖 Dart 插件,您需要安装并启用该插件。

  1. 按下 Ctrl+Alt+S 打开设置,然后选择 插件

  2. 打开 Marketplace 选项卡,找到 Dart 插件,并点击 安装 (如有提示,请重启 IDE)。

下载 Dart 工具

下载并安装 Dart SDK

Dart SDK 包含用于开发命令行和 Web 的 Dart 应用程序的全部工具。 它包含 Dart 虚拟机Dart 核心库 ,以及所有命令行工具,包括编译器(dart2jsdartdevc)、 dartfmt 代码格式化器和 pub 工具。

Dart 官方网站 了解有关 Dart 开发工具的更多信息。

创建新的 Dart 应用程序

如果您还没有应用程序,您可以运行 dart create command ,以 生成 一个 PyCharm 项目 ,其具有特定于 Dart 的结构。

或者,创建一个空的 PyCharm 项目,并按照下文 从现有 Dart 应用程序开始 中的说明在其中配置 Dart 支持。

创建新的 Dart 项目

  1. 欢迎 屏幕上点击 创建新项目 ,或在主菜单中选择 文件 | 新建 | 项目新建 项目 对话框 随即打开。

  2. 在左侧窗格中,选择 Dart

  3. 在右侧窗格中,指定用于存储项目相关文件的文件夹路径。

  4. 指定下载的 Dart SDK 的位置。

    如果您遵循 Dart 官方网站 上描述的标准安装步骤,PyCharm 会自动检测 Dart SDK 的路径。

    或者,手动输入路径,或点击 Browse 按钮 并在打开的对话框中选择该路径。

    如果 PyCharm 正确识别 Dart SDK,则其修订号会显示在 版本 只读字段中。

  5. 要在项目中创建示例应用程序,请选中 生成示例内容 复选框,并从下方列表中选择相应模板。 如果清除此复选框,PyCharm 将创建一个空项目。

  6. 点击 创建。 PyCharm 会根据所选模板设置项目结构并生成一些源文件。

创建空的 PyCharm 项目

  1. 欢迎 屏幕上点击 创建新项目 ,或在主菜单中选择 文件 | 新建 | 项目新建 项目 对话框 随即打开。

  2. 在左侧窗格中,选择 空 项目。 在右侧窗格中,指定应用程序文件夹,然后点击 创建

从现有 Dart 应用程序开始

如果您计划继续开发现有的 Dart 应用程序,请在 PyCharm 中将其打开,配置 Dart,并按照下文 管理 Dart 依赖项 中的说明下载所需的依赖项。

打开已在您计算机上的应用程序源代码

欢迎 屏幕的左侧窗格中点击 打开 ,或在主菜单中选择 文件 | 打开。 在打开的对话框中,选择存储源代码的文件夹。

    从版本控制中检出应用程序源代码

    1. 欢迎 屏幕的左侧窗格中点击 克隆

      或者,在主菜单中选择 文件 | 新建 | 来自版本控制的项目…Git | 克隆…VCS | 从版本控制获取

      主菜单中可能不会显示 Git ,而是显示与您的项目关联的其他版本控制系统。 例如, MercurialPerforce

    2. 在打开的对话框中,从列表中选择您的版本控制系统,并指定要从中检出应用程序源代码的存储库。 有关详细信息,请参阅 检出项目(克隆)

    在现有项目中配置 Dart 支持

    1. 设置 对话框 Ctrl+Alt+S 中,于 语言和框架 下选择 Dart。 Dart 页面随即打开。

    2. 选中 为项目 <project name> 启用 Dart 支持 复选框。

    3. Dart SDK 路径 字段中,指定下载的 Dart SDK 的位置。

      如果您遵循 Dart 官方网站 上描述的标准安装步骤,PyCharm 会自动检测 Dart SDK 的路径。

      或者,手动输入路径,或点击 Browse 按钮 并在打开的对话框中选择该路径。

      如果 PyCharm 正确识别 Dart SDK,则其修订号会显示在 版本 只读字段中。

    在一个 PyCharm 项目中处理多个 Dart 项目(包)

    要将 Dart 项目(包)附加到现有的 PyCharm 项目,您需要将其根文件夹添加为内容根。

    将 Dart 项目(包)添加到现有的 PyCharm 项目中

    1. 设置 对话框(Ctrl+Alt+S )中,转到 项目结构项目结构页面 随即打开。

    2. 在右侧窗格的现有内容根列表中,点击 添加内容根。 然后在打开的对话框中,选择要附加的 Dart 项目(包)的根文件夹。

    管理 Dart 依赖项

    PyCharm 与 pub 工具 集成,并允许您直接在编辑器中运行其操作。 一旦您打开 pubspec.yaml 文件,PyCharm 会在其编辑器选项卡顶部显示一个面板。 使用此面板上的链接以调用 pub getpub upgradepub outdated 操作。

    Dart:pub 操作面板

    或者在编辑器中打开 pubspec.yaml ,或在 项目 工具窗口中选择它,然后从所选内容的上下文菜单中调用 pub 操作。

    您还可以在 终端仿真器 中以命令行模式使用该工具。

    pub 工具将下载的包保存到缓存中,并在 pubspec.yaml 文件旁创建 .packages 文件、 pubspec.lock 文件。

    PyCharm 会在 “消息”工具窗口 中记录 pub 命令的执行;其中,您还可以点击工具栏上的 重新运行 Pub 命令 重新运行上一次执行的命令。

    构建 Dart 应用程序

    1. 在编辑器中打开 pubspec.yaml 文件,或切换到其已打开的选项卡。

    2. 在选项卡顶部的面板上,点击 Webdev 构建...。 这将调用 webdev build 操作。

      Dart 操作面板:Webdev build
    3. 在打开的对话框中,指定用于获取源代码的输入文件夹,以及用于存储已编译的应用程序的输出文件夹。

    运行并调试 Dart 命令行应用程序

    借助 PyCharm,您可以运行并调试 Dart 命令行应用程序。 PyCharm 支持两种调试模式:

    • 本地调试 :在此模式下,您的应用程序从 PyCharm 启动,并在您的计算机上本地运行。 要运行或调试它,请使用 Dart 命令行应用程序 配置。

    • 调试远程应用程序 :在此模式下,您的应用程序在远程环境中运行,例如在 Docker 容器中。 要调试它,请使用 Dart Remote Debug 配置。

    运行 Dart 命令行应用程序

    1. 打开用于启动应用程序的 Dart 文件,或在 项目工具窗口 中选择它。 此文件必须包含一个 main() 方法。

    2. 从所选内容的上下文菜单中,选择 运行 '<dart_file_name>'。 PyCharm 会生成一个类型为 Dart Command Line App 的运行/调试配置,并使用该配置启动您的应用程序。

    在本地调试 Dart 命令行应用程序

    1. 配置并设置断点 在 Dart 代码中。

    2. 打开用于启动应用程序的 Dart 文件,或在 项目工具窗口 中选择它。 此文件必须包含一个 main() 方法。

    3. 从所选内容的上下文菜单中,选择 调试 '<dart_file_name>'。 PyCharm 会生成一个类型为 Dart Command Line App 的运行/调试配置,并使用该配置启动调试会话。

    4. 在打开的 调试工具窗口 中, 单步执行程序停止并恢复 程序执行、 在暂停时检查 ,等等。

    创建 Dart Remote Debug 运行/调试配置

    1. 在工具栏上的 运行/调试配置 小部件中选择 编辑配置 ,点击 添加新配置 按钮(Add New Configuration 按钮 ),并在列表中选择 Dart 远程调试 以打开 配置设置

      开始创建运行/调试配置
    2. 在以下位置搜索源代码 字段中,如果您的 PyCharm 项目包含配置为内容根的 多个 Dart 项目 ,请指定要调试的 Dart 项目。 在列表中选择 Dart 项目,或点击 Browse 按钮 并在打开的对话框中选择所需的文件夹。

    启动远程调试会话

    1. 使用 VM 选项启动远程 Dart 应用程序,例如使用 --enable-vm-service --pause_isolates_on_start。 应用程序启动后,会由于 --pause_isolates_on_start 参数而立即暂停,并等待调试器连接。

    2. 运行 工具窗口中,复制应用程序正在运行的 URL 地址以及生成的用于访问它的身份验证令牌。

      Dart:远程调试。 复制 URL 和令牌
    3. 选择运行/调试配置 列表中选择新创建的 Dart Remote Debug 配置,并点击 Debug 按钮

    4. 连接到正在运行的应用 对话框中,粘贴您 如上所述 复制的 URL 地址和身份验证令牌。

      Dart:远程调试。 粘贴 URL 和令牌
    5. 在打开的 调试工具窗口 中, 单步执行程序停止并恢复 程序执行、 在暂停时检查 ,等等。

    运行并调试 Dart Web 应用程序

    您可以在任何浏览器中运行 Dart Web 应用程序,但仅在 Chrome 中支持调试。 要运行 Dart Web 应用程序,请在浏览器中打开您的应用程序的主 HTML 文件。 Dart Web 应用程序的调试是通过类型为 Dart Web 的运行配置发起的。

    PyCharm 与 webdev server 工具集成,以在必要时将 Dart 代码编译为 JavaScript。 对于早于 Dart SDK 2 的版本,将使用 pub serve 工具。

    当您在浏览器中打开 Dart Web 应用程序时,通常会以类似 http://localhost:63342/project-name/web/index.html 的内置服务器 URL 启动。 但是,内置服务器并不用于为该应用程序提供服务。 相反,PyCharm 会在 Dart 对话框 中指定的端口上自动启动 webdev server,并将浏览器页面重定向到 webdev server 的 URL(如 http://localhost:53322/index.html )。

    webdev server 的工作会记录在专用的 Dart Webdev 工具窗口中。 首次在当前 PyCharm 会话中开始运行或调试 Dart Web 应用程序时,该工具窗口会打开。 您可以点击工具栏上的 Stop Dart Webdev Server 按钮 停止该工具。 当您再次开始运行或调试时, webdev server 会自动重启。

    调试 Dart Web 应用程序的推荐方式是使用 Dart Web 配置。 在此模式下, webdev server 会在启用 Dart DevTools 的情况下启动。

    但是,您仍然可以使用 JavaScript Debug 配置。 有关详细信息,请参阅 运行和调试 Dart Web 应用程序的替代方法

    创建运行/调试配置

    1. 创建 Dart Web 运行/调试配置:

      转到 运行(U) | 编辑配置(E) ,在打开的 编辑配置 对话框中,点击工具栏上的 添加 按钮(Add 按钮 ),并从列表中选择 Dart Web

      在打开的 运行/调试配置: Dart Web 对话框中,指定引用要运行或调试的 Dart 代码的 HTML 文件路径,以及 webdev server 启动 Dart Web 应用程序所用的端口。

    运行您的应用程序

    • 运行/调试配置 小部件列表中在工具栏上,选择新创建的 Dart Web 配置,并点击其旁边的 Run 按钮

      浏览器会在 127.0.0.1:<webdev_port>/<specified_HTML_file> 打开。

    调试您的应用程序

    1. 设置 断点 在 Dart 代码中,按需进行。

    2. 运行 小部件列表中在工具栏上,选择新创建的 Dart Web 配置,并点击其旁边的 Debug 按钮

    运行和调试 Dart Web 应用程序的替代方法

    除了使用 Dart Web 运行/调试配置(推荐的工作流)之外,借助 PyCharm,您仍然可以使用 JavaScript Debug 配置运行和调试 Dart Web 应用程序。

    运行 Dart Web 应用程序

    1. 打开带有 Dart 引用的 HTML 文件,或在 项目工具窗口 中选择它。

    2. 从编辑器或所选内容的上下文菜单中,选择 在浏览器中打开 并在列表中选择所需的浏览器。

    创建 JavaScript Debug 运行/调试配置

    1. 打开带有 Dart 引用的 HTML 文件,或在 项目工具窗口 中选择它。

    2. 从上下文菜单中,选择 创建 '<HTML_file_name>'运行/调试配置: JavaScript Debug 对话框 随即打开。

    3. 指定用于调试应用程序的 Chrome 家族的浏览器。

    4. URL 字段中已显示应用程序的 URL 地址,格式为 http://localhost:<built-in server port>/<project-name>/<relative path to the HTML file> 。 在调试会话期间,浏览器将从此 URL 重定向到 webdev server 的 URL。

    开始调试

    1. 配置并设置断点 在 Dart 代码中。

    2. 启动调试会话:在工具栏上的 编辑配置 列表中选择创建的运行配置,并点击 Debug 按钮。 PyCharm 会在所选浏览器中打开指定的 URL。

    3. 在打开的 调试工具窗口 中, 单步执行程序停止并恢复 程序执行、 在暂停时检查 ,等等。

    测试 Dart 应用程序

    PyCharm 支持运行和调试 Dart 测试,这些测试使用 dart test package 编写。 您可以在任何 目标平台 上运行测试,仅支持对 VM 测试进行调试。

    您可以运行并调试单个测试、测试组以及整个文件和文件夹中的测试。 PyCharm 会创建一个具有默认设置的运行/调试配置,并启动测试。 您可以稍后保存此配置以便复用。

    运行或调试单个测试

    打开测试文件,在编辑器中,右键点击对 test() method 的调用,并从上下文菜单中选择 运行“<test_name>”调试 '<test_name>'

      运行或调试测试组

      打开测试文件,在编辑器中,右键点击对 group() method 的调用,并从上下文菜单中选择 运行 '<group_name>'调试 '<group_name>'

        从文件运行或调试 Dart 测试

        项目工具窗口 中,选择包含要运行的测试的文件,并从上下文菜单中选择 运行“<file_name>”调试 '<file_name>'

          从文件夹运行或调试 Dart 测试

          项目工具窗口 中,选择包含要运行的测试的文件夹,并从上下文菜单中选择 运行“<folder_name>”调试 '<folder_name>'

            保存自动生成的默认配置

            测试会话结束后,从测试、测试组、测试文件或文件夹的上下文菜单中选择 保存 <default_test_configuration_name>

              使用先前保存的运行/调试配置运行或调试测试

              • 从工具栏上的列表中选择所需的 Dart Test 配置,并点击 Run 按钮Debug 按钮

              配置语法高亮

              您可以配置 Dart 感知的语法高亮,以符合您的偏好和习惯。

              1. 设置 对话框(Ctrl+Alt+S )中,转到 编辑器 | 配色方案 | Dart

              2. 选择配色方案,接受继承自默认设置的高亮设置,或按照 颜色与字体 中的说明对其进行自定义。

              最后修改日期: 2025年 12月 2日