PhpStorm 2021.3 Help

运行/调试配置:Spy-js

运行 | 编辑配置 | 添加新配置 | 间谍-js

在此对话框中,使用Spy-js 工具创建用于跟踪 Web 应用程序的配置。

在你开始前

  1. 下载并安装Node.js。

  2. 确保在设置/首选项的已安装选项卡中启用了Spy-js捆绑插件| 插件页面,如管理插件中所述。

Spy-js 特定的配置设置

物品

描述

节点解释器

在此字段中,指定要使用的 Node.js 解释器。这可以是本地 Node.js 解释器Windows Subsystem for Linux 上的 Node.js。

对于 Spy-js,建议您使用 Node.js 版本 0.10.24 或更高版本。

跟踪服务器端口

在此字段中,指定Spy-js将用作代理服务器的端口。

跟踪服务器端口是自动填写的。为避免端口冲突,建议您接受建议的值并选中自动配置系统代理复选框。因此,系统代理服务器会自动设置指定的端口号。

或者,手动配置您的系统代理端口。

转到设置 | Windows 设置 | 网络与互联网 | 代理并打开使用代理服务器。在端口字段中,输入跟踪服务器端口号。

微软官方网站了解更多信息。

转到系统偏好设置 | Network,单击Advanced,切换到Proxies选项卡,清除Automatic Proxy Configuration,然后键入您的 Proxy 配置文件的 URL 地址。确保 URL 中的端口与运行/调试配置中的跟踪服务器端口相同。

Apple 官方网站了解更多信息。

采用

在此字段中,指定配置跟踪会话的方式。

  • 要让Spy-js应用其内部预定义配置,请选择Default configuration

  • 要应用自定义手动创建的配置,请选择配置文件选项,然后在下面的配置字段中指定自定义配置文件的位置。

    配置文件是扩展名为.js.conf.js的JavaScript 文件,其中包含满足Spy-js 配置要求的有效 JavaScript 代码。如果 PhpStorm 在项目中检测到扩展名为.conf.js的文件,这些文件会显示在列表中。

    手动键入配置文件的路径,或单击浏览 浏览按钮并在打开的对话框中选择位置。一旦指定,配置文件将添加到列表中,以便您下次可以从列表中获取 if,而不是指定路径。

要跟踪的 URL

在此字段中,指定要在其上捕获事件的网页的 URL 地址。默认情况下,该字段为空。这意味着Spy-js会捕获所有当前打开的网页上的事件。如果要将跟踪限制到某个页面,请指定其 URL 地址。手动键入地址或从列表中选择它(如果已在配置中指定)。

常用设置

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

姓名

为运行/调试配置指定一个名称,以便在编辑或运行配置时快速识别它,例如,从运行弹出窗口Alt+Shift+F10中。

允许并行运行

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

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

存储为项目文件

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

默认情况下,它被禁用,并且 PhpStorm 将运行配置设置存储在.idea/workspace.xml中。

工具栏

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

物品

捷径

描述

添加按钮

Alt+Insert

创建运行/调试配置。

删除按钮

Alt+Delete

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

复制

Ctrl+D

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

保存配置

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

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

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

要创建文件夹,请选择类别中的配置,单击文件夹,然后指定文件夹名称。如果仅关注一个类别,则会创建一个空文件夹。

然后,要将配置移入文件夹、文件夹之间或移出文件夹,请使用拖动或提升下移按钮。

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

排序配置

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

发射前

在此区域中,您可以指定在开始选定的运行/调试配置之前要执行的任务。任务按照它们在列表中出现的顺序执行。

物品

捷径

描述

添加按钮

Alt+Insert

单击此图标可添加以下可用任务之一:

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

  • 运行外部工具:选择运行外部应用程序。在打开的对话框中,选择一个或多个要运行的应用程序。如果尚未在 PhpStorm 中定义,请添加其定义。有关详细信息,请参阅外部工具外部工具

  • 运行另一个配置:选择执行另一个运行/调试配置。在打开的对话框中,选择要运行的配置。

  • 运行文件观察器:选择此选项让 PhpStorm 应用所有当前活动的文件观察器。

  • 运行远程外部工具:添加远程 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 编译设置对话框中,选中或清除检查错误复选框以配置编译器在检测到任何错误时的行为:

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

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

  • 运行 Phing 目标:添加此任务以在运行或调试之前执行指定的Phing目标。要指定 Phing 目标,请单击浏览 浏览按钮并在打开的对话框中选择所需的目标。

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

删除按钮

Alt+Delete

单击此图标可从列表中删除选定的任务。

编辑

Enter

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

方法向上/方法向下

Alt+Up/Alt+Down

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

显示此页面

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

激活工具窗口

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

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

最后修改:2021 年 12 月 20 日