Skip to content

嵌入式格式化

WARNING

未完全实现。参见 跟踪问题

格式化嵌入在 JS/TS 文件中的代码(模板字面量中的 CSS、模板字面量中的 GraphQL、Markdown 中的 JavaScript/TypeScript/CSS 等)。

配置

.oxfmtrc.json
json
{
  "embeddedLanguageFormatting": "auto"
}

取值

  • "auto" — (默认)格式化嵌入部分
  • "off" — 跳过嵌入式格式化

示例

在标签模板字面量中的 CSS:

js
const styles = css`
  .container {
    background: blue;
    color: red;
  }
`;

在标签模板字面量中的 HTML:

js
const template = html`
  <div class="container">
    <h1>Hello</h1>
    <p>World</p>
  </div>
`;

在 Markdown 文件中的 JavaScript 代码块:

md
这是一个包含 JavaScript 代码块的示例 Markdown 文件:

```js
const x = 1; // 如果启用了嵌入式格式化,此行将被格式化。
```

太棒了!

在 Vue 文件中的 CSS:

vue
<style>
/* 如果启用了嵌入式格式化,这段 CSS 将被格式化。 */
.container {
  background: blue;
  color: red;
}
</style>