Visual Studio程式码：如何自动格式化包含在模板文字中的HTML？

hlswsv35 于 2023-09-28 发布在其他

关注(0)|答案(2)|浏览(89)

在我的JavaScript代码中，我有许多包含HTML代码的模板文字。这些块通过es6-string-html.正确地突出显示，但是，它们不会自动格式化，这意味着以下块将保持原样：

let html = `
      <div class="wrapper">
<div>Hello, world!
     </div>
                 </div>
      `;

我怎样才能启用自动格式化这些字符串以及？

Html

来源：https://stackoverflow.com/questions/72075490/visual-studio-code-how-to-automatically-format-html-contained-in-template-liter

2条答案

按热度按时间

flvlnr441#

当Prettier在JavaScript中检测到带有名为html的标记的模板时，它会格式化它。你可以阅读更多关于这个here和突出显示你可以使用你建议的es6-string-html

/**
 * html wrapper is needed for prettier formatting
 */
const html = String.raw;

const template = html`
  <div>
    <p>hello world</p>
    <p>hello world</p>
  </div>
`;

赞(0）回复(0）举报 2023-09-28

yrefmtwq2#

您可以在模板字符串前面使用注解来告诉Prettier它是HTML：

function component() {
  return /* HTML */ `<div>hello</div>`
}

或者像Chris说的那样使用一个函数：

function component() {
  return html`<div>hello</div>`
}

赞(0）回复(0）举报 2023-09-28

我来回答

Visual Studio程式码：如何自动格式化包含在模板文字中的HTML？

2条答案

相关问题

热门标签

最新问答