运行/调试配置：Shell Script
启用 Shell scripts 插件
此功能依赖于 Shell scripts 插件，该插件在 WebStorm 中默认捆绑并启用。 如果相关功能不可用，请确保您未禁用该插件。
按 Ctrl+Alt+S 打开设置，然后选择 。
打开 已安装 选项卡，找到 Shell scripts 插件，然后勾选插件名称旁的复选框。
使用此对话框配置运行 shell 脚本的方式。 有关在 WebStorm 中使用 shell 脚本的更多信息，请参见 Shell 脚本。
对话框中的参数集取决于您在 执行 下选择的选项：
脚本文件 （配置以运行脚本文件）
脚本文本 （配置以运行单个命令）
项目 | 描述 |
|---|
脚本路径 | 提供 shell 脚本文件的路径。 手动输入路径，或单击  ，在打开的对话框中选择路径。 |
脚本选项 | 指定启动时希望 传递给脚本 的选项。 |
工作目录 | 提供脚本运行所需的目录绝对路径。 |
环境变量 | 如果在脚本中需要，请指定环境变量。 您可以单击  打开 环境变量 窗口，在其中浏览并复制现有变量或创建新的变量。 |
解释器路径 | 提供用于运行脚本的解释器路径。 手动输入路径，或单击 ，在打开的对话框中选择路径。 |
解释器选项 | 指定所需 传递给脚本解释器 的选项。 |
在终端中执行 | 选中此复选框可在 终端工具窗口 中运行 shell 脚本。 如果未选中此复选框，脚本将在 Run 工具窗口 中运行。 |
项目 | 描述 |
|---|
脚本文本 | 输入要运行的命令文本。 |
工作目录 | 提供运行命令所需的目录绝对路径。 |
环境变量 | 如果在命令中需要，请指定环境变量。 您可以单击 打开 环境变量 窗口，在其中浏览并复制现有变量或创建新的变量。 |
在终端中执行 | 选中此复选框可在 终端工具窗口 中运行 shell 脚本。 如果未选中此复选框，脚本将在 Run 工具窗口 中运行。 |
通用设置
编辑运行配置（非运行配置模板）时，您可以指定以下选项：
项目 | 描述 |
|---|
名称(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 运行/调试配置设置。 启动React Native Bundler ：选择此项以在运行或调试会话中自动运行 bundler。 默认情况下，这是通过 react-native start 完成的。 如果您的应用程序使用了 Expo ，则需要通过 start npm 任务运行开发服务器。 为此，请点击  ，然后在 配置 React Native 对话框中选择 npm 脚本 并从列表中选择 start。 编译TypeScript ：选择此选项以运行内置 TypeScript 编译器，从而确保您对 TypeScript 代码所做的所有更改都会反映在生成的 JavaScript 文件中。 在打开的 TypeScript 编译设置 对话框中，选中或取消选中 检查错误 复选框，以配置编译器在检测到任何错误时的行为： 生成CoffeeScript 源映射 ：选择此选项可为您的 CoffeeScript 源文件生成 source map。 在打开的对话框中，指定您的 CoffeeScript 源文件所在的位置。 上传文件到远程主机 ：选择此选项后，应用文件将根据 默认服务器访问配置 自动 上传到服务器。 断开数据源 ：如果您希望在运行/调试配置启动之前中断与数据源的连接，请选择此选项。
|
| Alt+Delete | 单击此图标可将所选任务从列表中移除。 |
| Enter | 单击此图标可编辑所选任务。 在打开的对话框中进行必要的更改。 |
| Alt+Up Alt+Down | 单击这些图标可将所选任务在列表中上移或下移一行。 任务将按照它们在列表中出现的顺序执行。 |
显示此页面 | | 选中此复选框可在实际启动运行/调试配置前显示其设置。 |
激活工具窗口 | | 默认情况下将选中此复选框，并在启动运行/调试配置时打开 Run 或 Debug 工具窗口。 否则，如果取消选中该复选框，工具窗口将隐藏。 但是，在配置运行时，您可以按 Alt+4 或 Alt+5 手动打开相应的工具窗口。 |
最后修改日期： 2025年 9月 26日