javascript - 如何在 VS 代码中的 JavaScript 字符串中语法高亮 HTML？

Question

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。












我们不允许提出有关书籍、工具、软件库等建议的问题。您可以编辑问题，以便可以用事实和引用来回答它。


2年前关闭。


社区在 29 天前审查了是否重新打开此问题并将其关闭:

原始关闭原因未解决






Improve this question




JavaScript 字符串中是否有任何 Vs Code 扩展来语法高亮 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代码中有一个叫lit-plugin的插件，用于语法高亮。
语法是，

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