如何在 PhpStorm 中启用 JavaScript 中的 Emmet？

Question

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

我已经检查了 JSX emmet，我也尝试过使用 .jsx 文件前缀而不是 .js，但是到目前为止 none 已经成功了！我到处寻找实用的答案，但没有一个对我有用！

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

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

我没办法让 div 使用 Emmet tap key 得到 <div></div>。

Answer 1

EMMET 仅适用于 HTML 上下文，您需要告诉 IDE 您的模板文字中的代码是 HTML。为此，您可以通过 Alt+Enter:

临时在其中注入 HTML 语言

或使用injection comments:

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