如何防止 Prettier 将测试代码从 1 行破坏为多行

Question

有问题的代码

it('will display No Policy Found after fist submit attempt.', () => {
    const policyDetails = {
        partyID: null,
        agreementID: null,
        isValidPolicy: false,
    };
    wrapper.setProps({policyDetails});
    wrapper.setState({submitCount: 1});
    const result = wrapper.instance().displayUserNotices();
    const render = shallow(result)
        .find('UserNotice')
        .find('p');

    expect(render.text()).toEqual(NO_POLICY_USER_NOTICE);
});

我继续写

const render = shallow(result)
  .find('UserNotice')
  .find('p');

作为所需的以下 1 行：

const render = shallow(result).find('UserNotice').find('p');

但是Prettier不断恢复它。

我尝试添加

noUnexpectedMultiline: true

在 .prettierrc.yml 中，但这不起作用。

想法？

Answer 1

为了防止 Prettier 格式化您的代码，请在变量/函数/等之前使用此注释。

// prettier-ignore

或者，如果您在 Markdown 中，您可以忽略多行，如下所示：

<!-- prettier-ignore-start -->
# Headline

```js
const foo      =         'hey';
console.log      (foo);
```
<!-- prettier-ignore-end -->

了解更多信息：https://prettier.io/docs/en/ignore.html

Answer 2

希望看到他们添加忽略 Javascript 中特定函数的功能，例如“console.log”。 必须更改我的代码片段以在每行末尾添加 //prettier-ignore。

Answer 3

如果这种情况在您的代码库中经常发生，并且您不希望在代码中到处都有

ignore

语句，并且您希望启用超过 80 个字符（Prettier 建议 not 这样做），那么您可以通过添加来增加宽度

"printWidth": <whatever you want your max column length to be>

致你的

prettierrc.json

文档中的打印宽度

或者，如果您不需要代码中的注释，您可以创建一个 .prettierignore 文件并将您的文件添加到其中。