拿出自己的.prettierrc配置

323 阅读1分钟
  • 痛苦的格式化.prettierrc
  • 折磨人的ESLint配置

记录下自己所配置的 prettier 格式化

{
  "printWidth": 120, //行宽

  "semi": true, //分号

  "useTabs": false, //使用 tab 缩进

  "arrowParens": "avoid", //箭头函数只有一个参数的时候可以忽略括号

  "bracketSpacing": true, //括号内部不要出现空格

  "proseWrap": "preserve", //换行方式 默认值。因为使用了一些折行敏感型的渲染器(如GitHub comment)而按照markdown文本样式进行折行

  "parser": "babylon", //格式化的解析器,默认是babylon

  "jsxSingleQuote": false, // 在jsx中使用单引号代替双引号

  "stylelintIntegration": false, //不让prettier使用stylelint的代码格式进行校验

  "tslintIntegration": false, // 不让prettier使用tslint的代码格式进行校验

  "disableLanguages": ["vue"], // 不格式化vue文件,vue文件的格式化单独设置

  "htmlWhitespaceSensitivity": "ignore",

  "ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中

  "requireConfig": false, // Require a 'prettierconfig' to format prettier

  "eslintIntegration": false, //不让prettier使用eslint的代码格式进行校验

  "endOfLine": "auto", // 结尾是 \n \r \n\r auto

  "jsxBracketSameLine": true, //在jsx中把'>' 是否单独放一行

  "requirePragma": false,

  "trailingComma": "none", //后置逗号,多行对象、数组在最后一行增加逗号

  "tabWidth": 2,

  "singleQuote": true, // 使用单引号
  
  "vueIndentScriptAndStyle": true, // 是否缩进Vue 文件中的代码<script>和<style>标签

  "bracketSameLine": true
}