运行/调试多个目标

使用复合集成配置并行启动

一个 复合 运行配置允许您同时启动多个 运行/调试 配置。

当您启动一个 复合 配置时，其中的所有配置都会以相同的模式启动，无论是 运行 还是 调试。 因此，要在调试客户端和服务器端之前以开发模式启动应用程序，可以从 package.json 运行 npm 脚本，或将其配置为启动前任务，或创建单独的 npm 运行配置。

使用“Before Launch”任务的顺序启动

您可以使用 运行/调试 配置的 启动前 任务 执行不同的任务 ，包括启动其他 运行/调试 配置。 例如，您可以将 npm 脚本添加到 React Native配置中以启动打包器。

WebStorm 支持以下“Before Launch”任务：

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

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

• 运行另一个配置 ：选择执行另一个运行/调试配置，并等待其完成后再开始当前配置。 如果您想并行运行多个配置，请使用 复合运行/调试配置。

• 运行File Watcher ：选择此选项以让 WebStorm 应用所有当前活动的 文件监视器。

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

• 运行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。

• 启动React Native Bundler ：选择此选项以在运行或调试会话的一部分中自动运行 bundler。 默认情况下，这是通过 react-native start 完成的。

  如果您的应用程序使用 Expo ，您需要通过 start npm 任务运行开发服务器。 为此，请点击 ，然后在 配置 React Native 对话框中，选择 npm 脚本 并从列表中选择 start。

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

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

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

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

• 上传文件到远程主机 ：选择此选项以根据 默认服务器访问配置自动 上传应用程序文件到服务器。

• 断开数据源 ：如果您希望在运行/调试配置运行之前中断与数据源的连接，请选择此选项。