prettier+eslint配置

探花唐老鸭

已于 2023-12-22 17:53:03 修改

阅读量694

点赞数 10

CC 4.0 BY-SA版权

分类专栏：代码规范文章标签：前端代码规范

于 2023-12-20 17:49:11 首次发布

本文链接：https://blog.csdn.net/qq_45345113/article/details/135114176

代码规范专栏收录该内容

1 篇文章

订阅专栏

本文详细解释了.prettierrc.json文件中的配置选项，涉及代码行宽、缩进、引号选择、HTML空格敏感性、尾随逗号等，展示了如何定制Prettier的格式化规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

配置记录

// .prettierrc.json
{
  // 指定prettier将换行的行长<int>，默认80
  "printWidth": 200,
  // 指定每个缩进级别的空格数<int>，默认2
  "tabWidth": 2,
  // 用制表符而不是空格缩进行<bool>，默认false
  "useTabs": false,
  "eslintIntegration": true,
  "stylelintIntegration": true,
  // 在语句末尾添加分号<bool>，默认true
  "semi": false,
  // 使用单引号而不是双引号<bool>，默认false
  "singleQuote": true,
  // 对象字面量中括号之间的空格<bool>，默认true
  "bracketSpacing": true,
  // 在唯一的箭头函数参数周围包含括号<always|avoid>
  // always-始终包含括号
  // avoid-尽可能省略括号
  "arrowParens": "avoid",
  // 指定 HTML、Vue、Angular 和 Handlebars 的全局空格敏感度<css|strict|ignore>，默认css
  // css-遵循CSS属性的默认值
  // strict-所有标签周围的空格（或缺少空格）被认为是重要的
  // ignore-所有标签周围的空格（或缺少空格）被认为是无关紧要的
  "htmlWhitespaceSensitivity": "ignore",
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "files.insertFinalNewline": true,
  // 行尾换行符<lf|crlf|cr|auto>，默认lf
  "endOfLine": "lf",
  "ignorePath": ".gnore",
  // 在多行逗号分隔的句法结构中尽可能打印尾随逗号<es5|none|all>，默认es5
  // es5-在 ES5 中有效的尾随逗号（对象、数组等），TypeScript 的类型参数中没有尾随逗号
  // none-没有尾随逗号
  // all-尽可能以逗号结尾（包括函数参数和调用）。要运行以这种方式格式化的 JavaScript 代码需要一个支持 ES2017（Node.js 8+ 或现代浏览器）或下层编译的引擎。这还会在 TypeScript 的类型参数中启用尾随逗号（自 2018 年 1 月发布的 TypeScript 2.7 起支持）
  "trailingComma": "none"
}