Prettier配置规则

Prettier配置规则

在工程根目录下建立.prettierrc.js文件，各项常用配置如下：

参照 https://prettier.io/docs/en/options.html

module.exports = {
  // 字符串使用单引号
  singleQuote: true,
  // 每行末尾自动添加分号
  semi: true,
  // tab缩进大小,默认为2
  tabWidth: 2,
  // 使用tab缩进，默认false
  useTabs: false,
  // 对象中打印空格 默认true
  // true: { foo: bar }
  // false: {foo: bar}
  bracketSpacing: true,
  // 箭头函数参数括号 默认avoid 可选 avoid| always
  // avoid 能省略括号的时候就省略 例如x => x
  // always 总是有括号
  arrowParens: 'avoid',
  // 换行长度，默认80
  printWidth: 80,

  // 设置为true时,将多行JSX元素的 > 放在最后一行的末尾，而不是单独放在下一行
  /* 
    
       Click Here
     
     */
  // 设置为false时
  /*
    
        Click Here
    
     */
  jsxBracketSameLine: true
};

Prettier配置无效问题

其余一般配置有效，格式化时 【双引号变为单引号】此项配置无效，解决办法：

在工程根目录下新建 .prettierrc.js文件，内部手动编写配置项：

module.exports = {
  singleQuote: true,
  semi: true
};

---

配置 editor.formatOnSave选项可以开启保存时自动format