Prettier配置文档 说明

为什么要用prettier？

到目前为止，采用Prettier的最大原因是为了停止所有正在进行的关于风格的争论。人们普遍认为，拥有一个通用的风格指南对于一个项目和团队来说是很有价值的但是到达那里是一个非常痛苦和不值得的过程。人们对编写代码的特定方式非常情绪化，没有人喜欢花时间编写和接收nits。

那么，为什么选择“更漂亮的风格指南”而不是其他随机的风格指南呢？因为更漂亮是唯一全自动的“风格指南”。即使pretty不能100%按照你想要的方式格式化所有代码，考虑到pretty的独特优势，这种“牺牲”也是值得的，你不这样认为吗？

• “我们希望解放思想，结束围绕风格的讨论。虽然这些讨论有时富有成效，但在很大程度上是浪费。”

• “实际上，有一位工程师花了很大力气清理我们所有的代码，因为我们就三进制风格争论了很长时间，而且意见不一致。这是愚蠢的，但这是一个奇怪的正在进行的“大辩论”，浪费了许多小来回位。现在，我们更容易达成一致:只要跑得更漂亮，走那种风格。”

• "厌倦了告诉人们如何设计他们的产品代码."

• "我们的首要原因是停止浪费我们的时间辩论风格的nits . "

• “设置githook减少了PRs中的风格问题，这些问题会导致由于ESLint规则或我稍后必须挑剔或清理的事情而导致构建失败。”

• "我不希望任何人再对任何人吹毛求疵。"

• “这让我想起史蒂夫·乔布斯曾经每天都穿同样的衣服，因为他有一百万个决定要做，他不想为挑选衣服这样的琐事而烦恼。我觉得漂亮就是这样。”

下面是配置示例：

// Prettier配置文档：https://prettier.io/docs/en/options.html
module.exports = {
  printWidth: 180,
  tabWidth: 2,
  useTabs: false,
  semi: true,
  singleQuote: true,
  quoteProps: 'as-needed',
  jsxSingleQuote: false,
  trailingComma: 'none',
  bracketSpacing: true,
  bracketSameLine: false,
  arrowParens: 'always',
  proseWrap: 'preserve',
  htmlWhitespaceSensitivity: 'ignore',
  vueIndentScriptAndStyle: false,
  endOfLine: 'lf',
  embeddedLanguageFormatting: 'auto',
  singleAttributePerLine: false,
  //自定义文件后缀对应的parser
  parsers: {
    '.js': 'javascript',
    '.nvue': 'vue',
    '.ux': 'vue',
    '.uvue': 'vue',
    '.uts': 'typescript'
  }
};

好了，本文内容全部结束，感谢您的阅读。希望能帮助到您。