PyCharm 2025.3 Help

运行/调试配置：NPM

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

在此对话框中，创建用于在本地运行 npm 和 Yarn 脚本的配置。 "本地" 在当前上下文中表示 PyCharm 本身会启动安装在您计算机上的 Node.js ，随后启动脚本执行。

详细了解请参阅 npm、pnpm 和 Yarn。

如果脚本以开发模式启动应用，您可以修改该配置，使其同时启动调试会话。 为此，请转到 浏览器 / Live Edit 选项卡 并在其中指定应用将运行的 URL 地址。 详细了解请参阅 使用单个 npm 运行/调试配置运行和调试 Angular 应用程序、 使用单个 npm 运行/调试配置运行并调试 Vue.js 应用 和 使用单个 npm 运行/调试配置运行并调试 Vite 应用。

开始之前

  1. 下载并安装 Node.js。 请注意，npm 也会一并安装，因此如果您准备使用它，前期步骤就已完成。

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

配置选项卡

项

说明

package.json

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

命令

从此列表中，选择要执行的 npm CLI 命令 ，默认选择 run-script。 详细了解请参阅 npm 文档中的 CLI 命令 部分。

脚本

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

参数

在此字段中，指定用于执行脚本的命令行参数。 详细了解请参阅 npm 官方网站。

Node 运行时

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

如果您选择 项目 别名，PyCharm 将自动使用 JavaScript Runtime 页面上 Node 运行时 字段中的项目默认解释器。 在大多数情况下，PyCharm 会检测到项目默认运行时并自动填充此字段。

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

Node 选项

在此字段中，输入要传递给 Node.js 可执行文件的 Node.js 专用命令行选项。 可接受的选项为：

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

    此模式要求 register.js 文件（其属于 coffeescript 包的一部分）位于您的项目中。 因此，请确保已按照 安装 CoffeeScript 编译器 中的说明在本地安装 coffeescript 包。

  • 使用 --inspect 或 --inspect-brk 参数以支持 Chrome 调试协议。

包管理器

在此字段中。 指定要使用的包管理器。 如果您选择 Project 别名，PyCharm 将使用 JavaScript Runtime 页面中的项目默认包管理器。 您也可以选择相应的包别名（npm 或 yarn ），或指定包管理器的自定义安装的显式路径。

环境变量

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

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

  • 要放弃变量定义，请在列表中选择它，然后点击 删除按钮。

  • 准备就绪后，点击 确定。

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

  • 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)

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

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

存储为项目文件(S)

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

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

工具栏

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

项

快捷键

说明

添加按钮

Alt+Insert

创建运行/调试配置。

删除按钮

Alt+Delete

删除所选运行/调试配置。 请注意，无法删除默认配置。

复制

Ctrl+D

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

保存配置

仅在选择 临时配置 时显示此按钮。 点击此按钮可将临时配置保存为永久配置。

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

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

要创建文件夹，请在某个类别内选择配置，点击 文件夹 ，并指定文件夹名称。 如果仅选中某个类别，将创建一个空文件夹。

然后，要将配置移入文件夹、在文件夹之间移动或移出文件夹，请使用拖动，或使用 上移 和 下移 按钮。

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

排序配置

点击此按钮按字母顺序对配置进行排序。

启动前

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

项

快捷键

说明

添加按钮

Alt+Insert

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

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

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

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

  • 运行File Watcher ：选择此选项可让 PyCharm 应用所有当前处于活动状态的 File Watchers。

  • 运行远程外部工具 ：添加一个 远程 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

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

显示此页面

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

激活工具窗口

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

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

浏览器 / Live Edit 选项卡

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

在这里，您还可以启用 PyCharm 在浏览器中打开应用。

项

说明

打开浏览器

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

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

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

  • 使用 JavaScript 调试器 - 选择此复选框，以便在应用以开发模式启动的同时开始调试会话。

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