操作员换行规则上的英语和漂亮冲突

时间:2020-05-22 10:03:58

标签: reactjs eslint conflict rules prettier

我有一些附带和漂亮的配置。当我按ctrl + s保存我的代码时,我的eslint试图像这样格式化代码:

        (errors.password
            && (errors.password.type === 'minLength'
            || errors.password.type === 'maxLength') && (
              <Styled.Error className="invalidForm">
                Password must be more than 6 and less then 32 digits
              </Styled.Error>
          ))
            || (errors.password && (
              <Styled.Error className="invalidForm">
                Password is required
              </Styled.Error>
            ))

并且在漂亮之后也立即将代码格式化为:

        (errors.password &&
            (errors.password.type === 'minLength' ||
              errors.password.type === 'maxLength') && (
              <Styled.Error className="invalidForm">
                Password must be more than 6 and less then 32 digits
              </Styled.Error>
            )) ||
            (errors.password && (
              <Styled.Error className="invalidForm">
                Password is required
              </Styled.Error>
            ))

我不想更改eslint规则,也不想禁用更漂亮的格式。我该如何更改用于放置逻辑运算符的更漂亮的规则?

1 个答案:

答案 0 :(得分:1)

根据漂亮的doc

由于历史原因,更漂亮有一些选择。但是我们不想要更多。 Prettier并非会尝试以任何您希望的方式打印您的代码的厨房水槽代码格式化程序。它是被修饰的

引用Why Prettier吗?页: 到目前为止,采用Prettier的最大原因是停止所有有关样式的持续辩论。

Prettier附带少数几种options格式,其中一些是:

  • 标签宽度
  • 标签
  • 分号
  • 行情
  • 报价道具
  • JSX报价
  • 尾随逗号

但是这些选项不包含您要查找的内容。