WebStorm 2025.2 Help

语言注入设置对话框:JS 标记模板字符串注入

单击 添加按钮 并从上下文菜单中选择 JS Tagged Literal Injection ,或选择一个条目并单击 编辑按钮 ,即可打开该对话框。

WebStorm 带有一组预定义注入配置,基本能够确保高效的工作和舒适的开发环境。 因此, 强烈建议使用预定义的注入配置,并避免创建新的配置。

项目

说明

名称

注入项的名称。

语言

要注入的语言。

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

  • 前缀 在相应字符串值前添加的一段字符序列。

  • 后缀 在相应字符串值后添加的一段字符序列。

前缀和后缀是可选的。

模板标签

在此字段中,指定一个或多个函数,用于解析模板字符串。 使用点号作为分隔符。

请参阅 Tagged Templates 了解更多信息。

高级

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

  • 值模式 - 在此字段中输入正则表达式,以确定注入语言的上下文。 通过将模式的第一个捕获组用作注入目标,您可以将注入限定为只应用于匹配特定模式或多个匹配部分的值。 例如, ^javascript:(.*) 匹配可在超链接 href 属性中用于执行 JavaScript 代码的 javascript 协议。

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

    如果该选项开启,则相应片段将被合并为一个整体或“文件”处理。

    给定值模式

    xxx (.+) yyy (.+) zzz

    以及片段

    xxx select * yyy from family zzz

    如果该选项关闭,则 select *from family 将被视为两个独立的片段(或“文件”)。 如果该选项开启, select * from family 将被视为一个整体或“文件”处理。

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