如何在 VS 代码中对 JavaScript 字符串中的 HTML 进行语法高亮显示？

Question

是否有任何 Vs Code 扩展可以在 JavaScript 字符串中突出显示 HTML？

具体来说，我正在编写 Web 组件

const html = content => `
  <div>
    <table>
      ${content}
    </table>
  </div>
`;

class BaseTable extends HTMLElement {
  constructor() {
    super();
  }

  set content(value) {
    const template = document.createElement('template');
    template.innerHTML = style + html(value);

    this.attachShadow({ mode: 'open' });
    this.shadowRoot.appendChild(template.content.cloneNode(true));
  }
}

我想突出显示 html 常量变量中的字符串

Answer 1

如果你使用 lit-html，vs code 中有一个名为 lit-plugin 的插件，用于语法高亮。语法是，

const markup = content => html`
  <div>
    <table>
      ${content}
    </table>
  </div>
`;