我自己的常用 prettier 配置如下:
// .prettierrc 文件
// 这里修改的都是与默认值不同的,没有修改到的就是启用默认值
// .prettierrc 文件是使用 json 格式,如果报错了,该配置文件在编辑器里面是不会生效的
{
"bracketSpacing": true,
"printWidth": 160,
"semi": false,
"singleQuote": true
}
其他还可以选择
// prettier.config.js
module.exports = {
"bracketSpacing": true, // 是否在对象属性添加空格,这里选择是 { foo: bar }
"printWidth": 160, // 指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行,如果都不想换,可以添加 "proseWrap": "never"
"semi": false, // 是否在语句末尾打印分号,这里选择不加
"singleQuote": true // 是否使用单引号,这里选择使用
}
// package.json 中的 prettier 属性
{
"prettier": {
"bracketSpacing": true, // 是否在对象属性添加空格,这里选择是 { foo: bar }
"printWidth": 160, // 指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行,如果都不想换,可以添加 "proseWrap": "never"
"semi": false, // 是否在语句末尾打印分号,这里选择不加
"singleQuote": true // 是否使用单引号,这里选择使用
}
}
prettier 配置选项 (官网文档译文)
支持自定义的代码风格,可在CLI和API中使用。
单行代码的最大宽度 Print Width
指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行。
为了便于阅读,官方建议不要使用超过80个字符。我这边设置了160
默认
CLI
API/.prettierrc/prettier.config.js/package.json["prettier"]
80
--print-width
printWidth:
(如果在格式化 Markdown 时不想要换行,可以设置 Prose Wrap (是否换行) 选项以禁用它。)
Tab宽度 Tab Width
指定每个缩进级别的空格数。
默认
CLI
API/.prettierrc/prettier.config.js/package.json["prettier"]
2
--tab-width
tabWidth:
Tab Tabs
使用制表符 (tab) 缩进行而不是空格 (space)。
如果设置了制表符缩进,并且一个缩进单位4个空格,那么编辑器一个 tab 键,出现的间隔就是 "一",一个大横杆
如果设置了空格缩进,并且一个缩进单位4个空格,那么编辑器一个 tab 键,出现的间隔就是 "····",四个小点
上面两个长度单位是一样的,都是4个空格,但是空格缩进,在代码进行空白处选择的时候,是一格格选的,制表符缩进是一下子4格选的
默认
CLI
API/.prettierrc/prettier.config.js/package.json["prettier"]
false
<