Are you an LLM? You can read better optimized documentation at /docs/guide/usage/formatter/embedded-formatting.md for this page in Markdown format
嵌入式格式化
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>