运行/调试 配置:Dart Web
创建: 
在此对话框中,创建运行和调试 Dart web 应用程序的配置。 webdev 服务器 启动时启用了 Dart DevTools。
本页描述了特定配置项以及所有运行/调试配置通用的 options。 有关使用此配置的更多信息,请参阅 运行和调试 Dart Web 应用程序。
Dart Web 特定配置设置
项目 | 描述 |
|---|
HTML 文件 | 在此字段中,指定引用 Dart 代码以运行或调试的 HTML 文件路径。 很可能是 <dart project root>/web/index.html |
Webdev 端口 | 此字段显示 webdev server 启动 Dart web 应用程序的端口,请参阅 运行和调试 Dart web 应用程序。 |
启动前
在此区域,您可以指定在启动所选运行/调试配置之前要执行的任务。 任务按照它们在列表中出现的顺序执行。
项目 | 快捷方式 | 描述 |
|---|

| Alt+Insert | 点击此图标以添加下列可用任务之一: 启动Web 浏览器 :选择此选项即可启动浏览器。 在打开的对话框中,选择浏览器的类型并提供起始 URL。 此外,请指定是否希望浏览器随 JavaScript 调试器一起启动。 运行 External tool :选择运行外部应用程序。 在打开的对话框中,选择您要运行的一个或多个应用程序。 如果在 PhpStorm 中尚未定义,请添加其定义。 如需更多信息,请参阅 外部工具 和 外部工具。 运行另一个配置 :选择执行另一个运行/调试配置,并等待其完成后再开始当前配置。 如果您想并行运行多个配置,请使用 compound run/debug configuration。 运行File Watcher :选择此选项以让 PhpStorm 应用所有当前活动的 文件监视器。 运行远程外部工具 :添加一个 远程 SSH 外部工具。 运行Grunt 任务 :选择此选项来运行 Grunt 任务。 在打开的 Grunt 任务 对话框中,指定定义所需任务的 Gruntfile.js ,选择要执行的任务,并指定传递给 Grunt 工具的参数。 指定 Node.js 解释器的位置、要传递给它的参数,以及 grunt-cli 包的路径。 运行 Gulp 任务 :选择此选项以运行 Gulp task。 在打开的 Gulp 任务 对话框中,指定定义所需任务的 Gulpfile.js ,选择要执行的任务,并指定要传递给 Gulp 工具的参数。 指定 Node.js 解释器的位置、传递给解释器的参数以及到 gulp 包的路径。 运行 npm Script :选择此选项来执行一个 npm 脚本。 在 NPM Script 对话框中,指定 npm run/debug configuration settings。 编译TypeScript :选择运行内置的 TypeScript 编译器,从而确保您对 TypeScript 代码所做的所有更改都反映在生成的 JavaScript 文件中。 在打开的 TypeScript 编译设置 对话框中,选择或清除此 检查错误 复选框,以配置编译器在检测到错误时的行为: 生成CoffeeScript 源映射 :选择此选项以生成 CoffeeScript 源代码的源映射。 在打开的对话框中,指定您的 CoffeeScript 源文件所在的位置。
|

| Alt+Delete | 点击此图标可将所选任务从列表中移除。 |

| Enter | 点击此图标可编辑选定的任务。 请在打开的对话框中进行必要的更改。 |


| Alt+Up Alt+Down | 点击这些图标以在列表中将所选任务上移或下移一行。 任务将按照它们在列表中出现的顺序执行。 |
显示此页面 | | 选择此复选框,以便在实际启动运行/调试配置之前显示运行/调试配置设置。 |
激活工具窗口 | | 默认情况下,此复选框处于选中状态,并且在您启动 run/debug 配置时, Run 或 Debug 工具窗口会打开。 否则,如果复选框未选中,工具窗口将被隐藏。 但是,在配置运行时,您可以通过按 Alt+4 或 Alt+5 自行打开相应的工具窗口。 |
最后修改日期: 2025年 9月 26日