PhpStorm 2025.2 Help

语言注入设置对话框:JS Tagged Literal 注入

当您点击 "添加"按钮 并从上下文菜单中选择 JS Tagged Literal Injection ,或者选择一项并点击 编辑按钮 时,将打开对话框。

PhpStorm 提供了一组预定义的注入配置,这些配置足以确保高效的生产力和舒适的环境。 因此, 强烈建议您使用预定义的注入配置,避免创建新的配置。

项目

描述

名称

注入的名称。

Language

要注入的语言。

  • ID 从此列表中选择要注入的语言的 ID 或名称。

  • 前缀 对应字符串值之前添加的一系列字符。

  • 后缀 与对应字符串值之后添加的一系列字符。

前缀和后缀是可选的。

模板标签

在此字段中,指定一个或多个您希望模板字面量解析的函数。 使用点作为分隔符。

了解更多信息请参阅 Tagged Templates

高级

在此区域,指定附加设置以缩小注入适用的上下文,从而使注入过程实现更精细的控制。

  • 值模式——在此字段中输入确定要将语言注入到的上下文的正则表达式。 通过使用模式的第一个捕获组作为注入目标,您可以配置过程,使语言仅注入到匹配某个模式的值或匹配该模式的多个部分中。 例如, ^javascript:(.*) 符合 javascript 协议,可以在 hyperlink-hrefs 中执行 JavaScript 代码。

  • 单个文件 - 如果此选项关闭,与值模式匹配的片段将被单独处理,视为不同的“文件”——例如,从片段编辑器的视角来看。

    如果该选项开启,相应的片段将全部合并在一起,形成一个单一的单元或“文件”。

    鉴于此数值模式

    xxx (.+) yyy (.+) zzz

    以及片段

    xxx select * yyy from family zzz,

    select *from family 在选项关闭时被视为两个独立的片段(或“文件”)。 如果此选项开启, select * from family 会被视为单个单元或“文件”。

最后修改日期: 2025年 9月 26日