WebStorm 2025.2 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 调试器一起启动。

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

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

  • 运行File Watcher :选择此选项,令 WebStorm 应用所有当前活动的 File Watcher

  • 运行远程外部工具 :添加一个 远程 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 源代码生成 source map。 在打开的对话框中,指定 CoffeeScript 源文件所在的位置。

移除按钮

Alt+Delete

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

编辑

Enter

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

上移方法

下移方法

Alt+Up

Alt+Down

单击这些图标可将所选任务在列表中上移或下移一行。 任务将按照其在列表中显示的顺序执行。

显示此页面

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

激活工具窗口

默认情况下,此复选框处于选中状态,启动运行/调试配置时将打开 运行调试 工具窗口。

否则,如果取消选中复选框,工具窗口将被隐藏。 但是,在配置运行时,您可以通过按 Alt+4Alt+5 手动打开相应的工具窗口。

最后修改日期: 2025年 9月 26日