如何在 PhpStorm 的 JavaScript 中启用 Emmet？

Question

在 JavaScript 中，我真的很难在文字模板等中使用 Emmet，例如创建 <div></div> 标记或任何可以缩写为 Emmet 的代码（例如 #div、@987654324 @, ...)。

我已经检查了 JSX emmet，并且我也尝试过使用 .jsx 文件前缀而不是 .js，但到目前为止还没有任何工作！我确实到处寻找实用的答案，但没有一个对我有用！

我怎样才能使它成为可能？

function myPrint(myVal , color = "secondary") {
    document.write(`
      div
    `)
}

我无法使用 Emmet 轻击键使 div 获得 <div></div>。

Answer 1

EMMET 仅适用于 HTML 上下文，您需要告诉 IDE 您的模板文字中的代码是 HTML。为此，您可以通过Alt+Enter 临时在其中注入 HTML 语言：

或使用injection comments:

function myPrint(myVal, color = 'secondary') {
  // language=HTML 
  document.write(`
      div
  `)
}