IntelliJ IDEA 2025.2 Help

运行/调试配置：NPM

创建： 运行(U) | 编辑配置(E) | 添加新配置| NPM

在此对话框中，创建本地运行 npm 和 Yarn 脚本的配置。 当前上下文中的“本地”意味着 IntelliJ IDEA 自身启动了安装在您电脑上的 Node.js ，随之启动脚本执行。

了解更多 npm、pnpm 和 yarn。

如果脚本在开发模式下启动应用程序，您可以修改配置，使其也启动调试会话。 要实现这一点，请转到 Browser / Live Edit 选项卡 ，并在那里指定应用程序运行的 URL 地址。 了解更多信息，请参阅 使用单个 npm run/debug 配置运行和调试 Angular 应用程序、 通过单个 npm run/debug 配置运行和调试 Vue.js 应用程序 和 使用单个 npm run/debug 配置运行和调试 Vite 应用程序。

开始之前

  1. 下载并安装 Node.js。 请注意，npm 也已安装，因此如果您要使用它，则已经完成了初步步骤。

  2. 要使用 Yarn，请按照 Yarn 官方网站上的说明进行安装。

配置选项卡

条目

描述

package.json

在此字段中，请指定 package.json 文件来运行脚本。 从下拉列表中选择文件，该列表显示当前项目中检测到的所有 package.json 文件，或点击 浏览按钮 并在打开的对话框中选择所需的 package.json 。

命令

从此列表中，选择要执行的 npm CLI command ，默认情况下会选择 run-script。 请参见 npm 文档 中的相关章节了解更多信息 CLI 命令。

脚本

从此下拉列表中选择将应用所选命令的脚本。 列表包含 scripts 属性中 package.json 文件中定义的所有脚本。

实参

在此字段中，指定用于执行脚本的命令行参数。 了解更多信息，请访问 npm 官方网站。

Node 解释器

在此字段中，指定要使用的 Node.js interpreter。

如果您选择 项目 别名，IntelliJ IDEA 将自动使用 Node 解释器 字段在 Node.js 页面上的项目默认解释器。 在大多数情况下，IntelliJ IDEA 会检测到项目默认解释器并自行填写字段。

您还可以选择另一个已配置的本地或远程解释器，或者点击 浏览按钮 并配置一个新的。

节点选项

在此字段中，键入要传递给 Node.js 可执行文件的 Node.js 特定命令行选项。 可接受的选项是：

  • 使用 --require coffeescript/register ，运行期间可以将 CoffeeScript 文件即时编译为 JavaScript。

    这种模式要求 register.js 文件（属于 coffeescript 软件包）位于您的项目内。 因此，请确保您已在本地安装了 coffeescript 软件包，如 安装 CoffeeScript 编译器中所述。

  • 使用 --inspect 或 --inspect-brk 参数以支持 Chrome Debugging Protocol。

软件包管理器

在此领域。 指定要使用的软件包管理器。 如果您选择 项目 别名，IntelliJ IDEA 将使用 Node.js 页面中的默认项目包管理器。 您还可以选择相关的软件包别名（npm 或 yarn ）或指定自定义安装的软件包管理器的显式路径。

环境变量

在此字段中，指定 Node.js 可执行文件的 环境变量 （如果适用）。 点击 浏览 浏览按钮 右侧的字段，并在打开的 环境变量 对话框中配置变量列表：

  • 要定义一个新变量，请点击 "添加"按钮 并指定变量名称和值。

  • 要丢弃变量定义，请在列表中选择它并点击 "移除"按钮。

  • 请点击 OK ，准备就绪后

变量的定义显示在 环境变量 只读字段中，使用分号作为分隔符，例如：

  • NODE_PATH ：以 : 分隔的目录列表，前缀到模块搜索路径。

  • NODE_MODULE_CONTEXTS ：将其设置为 1 以在它们各自的全局上下文中加载模块。

  • NODE_DISABLE_COLORS ：设置为 1 以禁用 REPL 中的颜色。

Docker 容器设置

此只读字段显示端口和卷绑定。 请点击 展开按钮 以打开命令预览。

检查 Docker 容器设置

Docker Compose

在此区域中，指定要传递给 Docker Compose 的命令和选项。 接受默认设置或点击 展开按钮 并指定自定义设置，比如，自定义 Docker Compose 标志，如 --rm 或 --service-ports。 了解更多信息，请访问 Docker 官方网站。

请检查 命令预览。

通用设置

当您编辑运行配置（但不是运行配置模板）时，您可以指定以下选项：

条目

描述

名称(N)

在编辑或运行时，指定运行配置的名称以便快速识别。

允许多个实例(U)

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

默认情况下，它是禁用的，当您在另一个实例仍在运行时启动此配置，IntelliJ IDEA 建议停止正在运行的实例并启动另一个。 当一个运行配置消耗大量资源且没有充分理由运行多个实例时，这会很有帮助。

存储为项目文件(S)

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

默认情况下，它是禁用的，并且 IntelliJ IDEA 将运行配置设置存储在 .idea/workspace.xml 。

工具栏

运行/调试配置的树状视图包含一个工具栏，可帮助您管理 项目 中可用的配置以及调整默认配置模板。

条目

快捷键

描述

"添加"按钮

Alt+Insert

创建运行/调试配置。

"移除"按钮

Alt+Delete

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

复制

Ctrl+D

创建所选运行/调试配置的副本。 请注意，您正在创建默认配置的副本。

保存配置

只有当您选择了 temporary configuration时，按钮才会显示。 点击此按钮将临时配置保存为永久配置。

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

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

要创建文件夹，请选择类别中的配置，点击 文件夹 ，并指定文件夹名称。 如果只有一个类别处于焦点，则会创建一个空文件夹。

然后，若要将配置移动到文件夹中、文件夹之间或从文件夹中移出，请使用拖放或 上移 与 下移 按钮。

要取消分组，请选择一个文件夹并点击 移除配置。

排序配置

点击此按钮以按字母顺序排列配置。

启动前

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

条目

快捷键

描述

"添加"按钮

Alt+Insert

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

  • 启动Web 浏览器 ：选择此选项以启动浏览器。 在打开的对话框中，选择浏览器类型并提供起始 URL。 此外，请指定是否希望使用 JavaScript 调试器启动浏览器。

  • 运行外部工具 ：选择运行外部应用。 在打开的对话框中，选择您想要运行的一个或多个应用程序。 如果它在 IntelliJ IDEA 中尚未定义，请添加其定义。 如需更多信息，请参阅 外部工具 和 外部工具设置。

  • 运行另一个配置 ：选择执行另一个运行/调试配置，并等待其完成后再启动当前配置。 如果您想并行运行多个配置，请使用 compound run/debug configuration。

  • 构建 ：选择编译指定的模块。 Build Module命令 将会被执行。

    如果在编译过程中发生错误，IntelliJ IDEA 将不会尝试启动运行/调试配置。

  • 构建项目 ：选择编译整个项目。 Build Project 命令 将被执行。

    如果在编译过程中发生错误，IntelliJ IDEA 将不会尝试启动运行/调试配置。

  • 构建，不检查错误 ：与 构建 选项相同，但 IntelliJ IDEA 将会尝试启动运行/调试配置，而不考虑编译结果。

  • 构建物 ：选择此选项以构建一个或多个 构件。 在打开的对话框中，选择应构建的 artifact。

  • 运行远程外部工具 ：添加一个 远程 SSH 外部工具。

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

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

    指定 Node.js 解释器的位置、传递给它的参数以及 grunt-cli 包的路径。

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

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

    指定 Node.js 解释器的位置、传递给它的参数以及 gulp 包的路径。

  • 运行 Maven Goal ：选择此选项以 运行一个 Maven 目标。 在打开的对话框中，选择要运行的目标。

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

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

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

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

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

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

  • 运行 Rake 任务 ：添加一个将在运行或调试之前执行的 Rake task。 要选择 Rake 任务，请点击浏览按钮 浏览按钮 ，然后从可用任务列表中选择所需的任务。

    请注意，此处提供 代码补全功能。

    Rake 任务的代码补全

  • 运行 JRuby 编译器 ：选择此选项可使用指定的目标路径、编译器进程堆大小和命令行参数（如果有）执行 JRuby 编译器。

"移除"按钮

Alt+Delete

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

编辑

Enter

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

方法 up

方法 down

Alt+Up

Alt+Down

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

显示此页面

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

激活工具窗口

默认情况下，将选中此复选框，启动运行/调试配置时将打开 Run 或 Debug 工具窗口。

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

浏览器 / 实时编辑 选项卡

如果您希望运行/调试配置在开发模式下启动应用程序并同时开始调试会话，请使用此选项卡中的控件。 从 使用单个 npm run/debug 配置运行和调试 Angular 应用程序、 通过单个 npm run/debug 配置运行和调试 Vue.js 应用程序 和 使用单个 npm run/debug 配置运行和调试 Vite 应用程序 了解更多。

您还可以启用 IntelliJ IDEA 在浏览器中打开应用程序。

条目

描述

打开浏览器

在此区域中，启用应用程序在浏览器中打开。

  • 在启动后 - 选择此复选框以在启动时打开应用程序。 从列表中选择浏览器以打开应用程序。

  • URL - 在此字段中，指定应用程序将运行的 URL 地址。

  • 使用 JavaScript 调试器 - 选中此复选框，即可在应用程序以开发模式启动时同时开始调试会话。

最后修改日期： 2025年 9月 22日
运行/调试配置：NW.js运行/调试配置：Protractor