www.prettier.cn
how config
.prettierrc
tips
- 把一个属性设置错误, 可能会导致整体都失效. 我曾经吧arrowParens设置成 as-needed 就发现失效了, 找了半天.
- editor.defaultFormatter 设置格式化的工具
my prefer
{
"printWidth": 140,
"semi": false,
"singleQuote": true,
"trailingComma": "all",
"singleAttributePerLine": false,
"bracketSameLine": true,
"arrowParens": "avoid"
}
1. printWidth 行宽
2. semi 分号
3. singleQuote 单引号
4. trailingComma 尾部逗号(多行才会生效)
5. singleAttributePerLine 标签多于一个属性就换行
6. bracketSameLine > 标签在同一行 下图1
7. arrowParens 箭头函数的括号