语言与引用注入
语言注入使您可以处理与文件主语言不同的编程语言的代码片段。
WebStorm 提供全面的语言支持，用于编辑 HTML、CSS、XML、JSON、RegExp 以及字符串和模板字面量中的其他代码片段，以及 XML 类语言中的标签和属性。
除了语言注入外， IDE 还支持引用注入，将字符串字面量视为对其他实体（例如类或文件）的引用。
添加语言注入
添加临时语言注入
将光标放在您希望注入语言的字符串或模板字面量、标记或特性中，然后按 Alt+Enter （或使用 意图操作 图标
）。选择 注入语言或引用 ，然后选择您要注入的语言。
添加持久语言注入
使用语言注入注释（注解）来添加持久的注入语言片段。
当您注入一种语言时，WebStorm 会建议添加注解。 按 Alt+Enter 接受建议。
在目标字符串文本前添加一个空行，并输入以下注释：
language=<language_ID>对于注释，请使用您想要插入的语言的语法。 语言 ID 通常很直观，例如，SQL、RegExp、XML、HTML。
您还可以在设置中了解 language ID。 按下 Ctrl+Alt+S 以打开设置，然后选择 。 双击某语言的注入规则；语言 ID 已指定在 ID 字段。
（可选）在注释中包含前缀或后缀。
// language=<language_ID> prefix=<prefix> suffix=<suffix>在以下情况下需要：
该字符串是不完整/部分的 SQL 语句
该字符串未直接用于我们支持的调用之一（例如
select /where)
编辑已注入的语言片段
WebStorm 允许您在专用编辑器中编辑注入的语言片段。
打开片段编辑器
将插入符置于注入的代码片段内，然后按 Alt+Enter （或使用 意图操作 图标
）。请选择 编辑 <language ID> 片段。
WebStorm 将打开一个专用编辑器区域，用于编辑注入语言的代码。 此编辑器提供完整的编码辅助功能，包括代码补全、检查、 意图操作s 和代码风格操作。
注入引用
引用注入将字符串字面量解释为指向其他实体（例如文件）的链接。
例如， resources/config.json 可被视为对文件的引用。
添加临时引用注入
将光标放入您希望注入引用的字符串或模板字面量中，然后按 Alt+Enter （或使用 意图操作 图标
）。选择 注入语言或引用 ，并选择一个选项，例如：
文件引用 ：向指定文件添加引用。
根据您安装的插件，可能还会提供其他引用选项。
添加持久引用注入
使用注释添加持久引用注入。
在目标字符串字面量之前添加一个空行，并输入带有所需值的
// language=注释。// language=file-reference会向文件添加引用。
取消注入
将光标放在代码片段上，按 Alt+Enter ，然后从列表中选择 。
或者，只需删除注入注释即可。
禁用意图操作灯泡图标
请执行以下操作以隐藏编辑器中的意图操作图标 ：
按下 Ctrl+Alt+S 打开设置，然后选择 。
清除 显示意图灯泡 复选框。
应用更改并关闭对话框。
配置自动注入规则
在 WebStorm 中，有一组预定义规则，根据这些规则，IDE 会在您的代码中的某些位置自动注入语言。
您可以在 Editor | Language Injections 设置页面  Ctrl+Alt+S 上配置语言注入规则。
所有预定义的注入规则都配置为 内置 作用域。 换句话说，它们是全局的（因此在所有 WebStorm 项目中都可用）。 自定义规则可以配置为适用于 IDE，或仅适用于单个项目。 要更改自定义注入的作用域，请使用 
。
要通过 VCS 共享自定义规则，请使用工具栏上的相应选项将其移动到 项目 作用域。 通过这样做，您将在 .idea 目录中创建一个名为 IntelliLang.xml 的新文件，其中包含您可以置于版本控制下的自定义规则。
如果您不使用 VCS，您可以通过将规则导出到 XML 文件（点击工具栏上的 
）然后将其导入到另一个项目来分享您的规则。
要配置自定义注入规则，请点击 
以添加新规则，或复制预定义规则并更改其设置。