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

问题描述

在 JavaScript 中,我真的很难在文字模板等中使用 emmet say,例如创建 <div></div> 标签或任何可以缩写为 emmet 的代码(例如 {{1} },#div,...).

我已经检查了 JSX emmet 并且我也尝试过使用 .div 文件前缀而不是 .jsx,但到目前为止都没有奏效!我真的到处寻找实用的答案,但没有一个我有用!

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

.js

我无法通过 emmet Tap 键让 function myPrint(myVal,color = "secondary") { document.write(` div `) } 获得 div

解决方法

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

临时在其中注入 HTML 语言

enter image description here

或使用 injection comments:

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