prettier常用配置项_prettier配置项详解

作者：Monodyee | 2024-05-20 23:38:32

踩

prettier配置项详解

常用配置

"tabWidth": 2,
"printWidth": 100,
"semi": true,
"singleQuote": true,
"arrowParens": "always",
"bracketSpacing": true,
"trailingComma": "all"
1
2
3
4
5
6
7

配置项详解

配置项	值	描述
tabWidth	2	缩进字节（2 空格代替 tab）
printWidth	100	屏幕显示宽度（一行做多容纳字节数，超过自动换行）
semi	true	句尾添加分号
singleQuote	false	启用单引号
arrowParens	always/avoid	箭头函数单一参数是否省略括号
bracketSpacing	true	对象，数组括号与文字之间加空格 { foo: bar }
trailingComma	all	对象或数组末尾加逗号

.prettierrc.js 配置

module.exports = {
  printWidth: 100,
  tabWidth: 2,
  semi: true,
  singleQuote: true,
  trailingComma: 'all',
  arrowParens: 'always',
  bracketSpacing: true,
};
1
2
3
4
5
6
7
8
9

.prettierignore 配置

# 忽略的文件夹:
build/
coverage/
.vscode/
docker/
node_modules/
.temp/

# 忽略的文件
*.html
*.js
1
2
3
4
5
6
7
8
9
10
11

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/599892