PyCharm 2025.3 Help

运行/调试配置: Dart Web

创建: 运行(U) | 编辑配置(E) | 添加新配置| Dart Web

在此对话框中,创建用于运行和调试 Dart Web 应用程序的配置。 webdev 服务器 启动时会启用 Dart DevTools

本页介绍特定于配置的项目,以及所有运行/调试配置通用的 选项。 有关使用此配置的详细信息,请参阅 运行并调试 Dart Web 应用程序

Dart Web 特定的配置设置

项目

描述

HTML 文件

在此字段中,指定引用要运行或调试的 Dart 代码的 HTML 文件路径。 很可能是 <Dart 项目根目录>/web/index.html

webdev 端口

此字段显示 webdev 服务器 启动 Dart Web 应用的端口,参见 运行和调试 Dart Web 应用程序

启动前

在此区域,您可以指定在启动所选运行/调试配置之前要执行的任务。 任务将按照它们在列表中的顺序执行。

项目

快捷键

描述

添加按钮

Alt+Insert

点击此图标以添加以下可用任务之一:

  • 启动Web 浏览器 :选择此选项以启动浏览器。 在打开的对话框中,选择浏览器类型并提供启动 URL。 另外,指定是否要使用 JavaScript 调试器启动浏览器。

  • 运行外部工具 :选择运行外部应用程序。 在打开的对话框中,选择要运行的一个或多个应用程序。 如果尚未在 PyCharm 中定义,请添加其定义。 有关更多信息,请参阅 外部工具外部工具

  • 运行另一个配置 :选择执行另一个运行/调试配置,并在其完成后再启动当前配置。 如果您想并行运行多个配置,请使用 复合运行/调试配置

  • 运行File Watcher :选择此选项以使 PyCharm 应用所有当前处于活动状态的 文件监视器

  • 运行远程外部工具 :添加 远程 SSH 外部工具

  • 运行Grunt 任务 :选择此选项以运行 Grunt 任务。

    在打开的 Grunt 任务 对话框中,指定定义所需任务的 Gruntfile.js ,选择要执行的任务,并指定传递给 Grunt 工具的参数。

    指定 Node.js 运行时的位置、传递给它的参数,以及 grunt-cli 包的路径。

  • 运行 Gulp 任务 :选择此选项以运行 Gulp 任务。

    在打开的 Gulp 任务 对话框中,指定定义所需任务的 Gulpfile.js ,选择要执行的任务,并指定传递给 Gulp 工具的参数。

    指定 Node.js 运行时的位置、传递给它的参数,以及 gulp 包的路径。

  • 运行 npm 脚本 :选择此选项以执行 npm 脚本。

    在打开的 npm 脚本 对话框中,指定 npm 运行/调试配置设置

  • 编译TypeScript :选择运行内置的 TypeScript 编译器,从而确保您对 TypeScript 代码所做的所有更改都反映在生成的 JavaScript 文件中。 在打开的 TypeScript 编译设置 对话框中,选中或清除 检查错误 复选框,以便在检测到任何错误时配置编译器的行为:

    • 如果选中 检查错误 复选框,编译器将显示所有错误,并且运行配置不会启动。

    • 如果清除 检查错误 复选框,编译器将显示所有检测到的错误,但仍会启动运行配置。

  • 生成CoffeeScript 源映射 :选择此选项以为您的 CoffeeScript 源生成源映射。 在打开的对话框中,指定您的 CoffeeScript 源文件所在的位置。

移除按钮

Alt+Delete

点击此图标以从列表中移除所选任务。

编辑

Enter

点击此图标以编辑所选任务。 在打开的对话框中进行必要的更改。

方法上移

方法下移

Alt+Up

Alt+Down

点击这些图标以在列表中将所选任务上移或下移一行。 任务将按照它们在列表中的顺序执行。

显示此页面

选择此复选框以在实际启动运行/调试配置之前显示运行/调试配置设置。

激活工具窗口

默认情况下选中此复选框,并且当您启动运行/调试配置时, RunDebug 工具窗口将打开。

否则,如果清除该复选框,工具窗口将被隐藏。 但是,在配置运行时,您可以按 Alt+4Alt+5 自行打开相应的工具窗口。

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