Prettier配置规则
在工程根目录下建立.prettierrc.js文件，各项常用配置如下：
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元素的 > 放在最后一行的末尾，而不是单独放在下一行
/*
<button
className="prettier-class"
id="prettier-id"
onClick={this.handleClick}>
Click Here
</button>
*/
// 设置为false时
/*
<button
className="prettier-class"
id="prettier-id"
onClick={this.handleClick}
>
Click Here
</button>
*/
jsxBracketSameLine: true
};
Prettier配置无效问题
其余一般配置有效，格式化时 【双引号变为单引号】此项配置无效，解决办法：
在工程根目录下新建 .prettierrc.js文件，内部手动编写配置项：
module.exports = {
singleQuote: true,
semi: true
};
配置
editor.formatOnSave选项可以开启保存时自动format
