WebStorm 2025.2 Help

运行/调试配置:Grunt.js

创建: 运行(U) | 编辑配置(E) | 添加新配置| Grunt.js

此页面介绍特定配置项以及适用于所有运行/调试配置的 选项。 有关使用此配置的更多信息,请参阅 Grunt

在该对话框中创建用于运行 Grunt.js 任务 的配置。

开始之前

  1. 下载并安装 Node.js

  2. 按照 安装 Grunt中的说明安装 Grunt。

Grunt 专用配置设置

项目

描述

Gruntfile

在此字段中,指定 Gruntfile.js 文件的位置,以获取任务定义。 从下拉列表中选择路径,或单击 浏览按钮 按钮,在打开的对话框中选择文件。

任务

在此字段中,指定要运行的任务。 执行以下操作之一:

  • 如需运行一个任务,请从下拉列表中选择该任务。

  • 如需运行多个任务,请在字段中输入其名称,使用空格分隔。

参数

在此字段中,指定任务要使用的参数。 使用格式 --<parameter_name> <parameter_value> ,例如: --env development

Node 解释器

在此字段中,指定要使用的 Node.js 解释器。

如果选择 项目 别名,WebStorm 将自动使用 Node 解释器 字段中 Node.js 页上的项目默认解释器。 在大多数情况下,WebStorm 会自动检测项目默认解释器并填写此字段。

您还可以选择其他已配置的本地或远程解释器,或单击 浏览按钮 并配置新的解释器。

如需了解更多信息,请参阅 配置远程 Node.js 解释器配置本地 Node.js 解释器在 Windows 子系统 Linux 上使用 Node.js

Node 选项

在此字段中,输入要传递给 Node.js 可执行文件的 Node.js 专用命令行选项。 如需了解更多信息,请参阅 Node 参数

包 grunt-cli

在此字段中,指定全局安装的 grunt-cli 包路径。 如需了解更多信息,请参阅 安装 Grunt.js

环境

在此字段中,指定 Node.js 可执行文件的 环境变量 (如果适用)。 单击 浏览 浏览按钮 ,在打开的 环境变量 对话框中配置变量列表:

  • 如需定义新变量,请单击 添加按钮 并指定变量名称和值。

  • 如需取消某个变量定义,在列表中选择该变量并单击 移除按钮

  • 准备就绪后点击 确定

变量定义显示在只读字段 环境变量 中,并以分号分隔,例如:

  • NODE_PATH :以 : 分隔的目录列表,会添加到模块搜索路径前。

  • NODE_MODULE_CONTEXTS :设置为 1 时将在各自的全局上下文中加载模块。

  • NODE_DISABLE_COLORS :设置为 1 可在 REPL 中禁用颜色。

通用设置

编辑运行配置(但不是运行配置模板)时,您可以指定以下选项:

描述

名称(N)

为运行配置指定一个名称,以便在编辑或运行时能快速识别。

允许多个实例(U)

允许并行运行多个此运行配置实例。

默认情况下,该选项处于禁用状态,当您在另一个实例仍在运行时启动此配置,WebStorm 会建议停止正在运行的实例并启动另一个实例。 当一个运行配置占用大量资源且没有充分理由并行运行多个实例时,这种方式非常有用。

存储为项目文件(S)

将包含运行配置设置的文件保存下来,以便与其他团队成员共享。 默认位置为 .idea/runConfigurations 。 但是,如果您不希望共享 .idea 目录,可以将配置保存到项目中的任何其他目录中。

默认情况下,该选项处于禁用状态,WebStorm 会将运行配置设置存储在 .idea/workspace.xml 中。

工具栏

运行/调试配置的树状视图带有工具栏,可帮助您管理 项目 中的可用配置,并调整默认配置模板。

快捷键

描述

添加按钮

Alt+Insert

创建运行/调试配置。

移除按钮

Alt+Delete

删除所选运行/调试配置。请注意,不能删除默认配置。 请注意,不能删除默认配置。

复制

Ctrl+D

创建所选运行/调试配置的副本。请注意,可以创建默认配置的副本。 请注意,可以创建默认配置的副本。

保存配置

仅在选择 临时配置 时才会显示该按钮。 单击该按钮可将临时配置保存为永久配置。

移动到新文件夹 / 创建新文件夹

移动到新文件夹 / 创建新文件夹。 您可以通过 将运行/调试配置放入文件夹 来进行分组。

要创建文件夹,请选择某个类别中的配置,单击 文件夹 ,并指定文件夹名称。 如果仅聚焦于某个类别,将会创建一个空文件夹。

然后,若要将配置移动到某个文件夹、文件夹之间或从文件夹移除,请使用拖放操作或 上移下移 按钮。

要取消分组,请选择一个文件夹并单击 移除配置

排序配置

单击该按钮可按字母顺序对配置进行排序。

启动前

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

项目

快捷键

描述

添加按钮

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 run/debug configuration settings

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

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

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

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

移除按钮

Alt+Delete

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

编辑

Enter

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

方法上移

方法下移

Alt+Up

Alt+Down

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

显示此页面

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

激活工具窗口

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

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

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