如何配置 prettier，使其不将我的属性分隔到新行上，也不分隔我的左括号和右括号？

Question

在我陈述任何问题之前，这是我迄今为止的 .prettierrc 文件

{
    "semi": true,
    "useTabs": true,
    "tabWidth": 4
}

问题1： 我希望我的漂亮者不要将 HTML 属性分隔到新行中。下面的例子。

<input
    type="radio"
    name="radiogroup1"
    id="rd2"
/>

应该是这个

<input type="radio" name="radiogroup1" id="rd2" />

另一个例子。

<i
    aria-hidden="true"
    class="fa fa-user"
>

应该是这个

<i aria-hidden="true" class="fa fa-user">

问题2： 我希望我的漂亮者不要将 HTML 左尖括号和右尖括号分开。下面的例子。

<span
>

应该是这个

<span>

另一个例子。

<label for="cb1"
>I agree with terms and conditions</label
>

应该是这个

<label for="cb1">I agree with terms and conditions</label>

我尝试询问GPT并在互联网上搜索但无济于事。要么是我漏掉了一些关键词，要么是没有正确提示。

Answer 1

根据其他一些堆栈溢出，您可以尝试使用 printWidth 来避免使用长行代码（这会导致行中断）。我在下面添加了该页面的链接： prettier中有没有保留换行的配置？

你也可以尝试

bracketSameLine

，我在下面给你发了一个链接： https://prettier.io/docs/en/options.html#bracket-line CAVE：从 4.2.0 开始已弃用。替换为括号SameLine