WebStorm配置Prettier格式化代码

2022-03-21 11:45:03

安装包:

npm install --save-dev --save-exact prettier

在项目目录下新建 .prettierrc 文件,内容如下:

{
  "semi": true,
  "printWidth": 1200,
  "tabWidth": 2,
  "singleQuote": false,
  "arrowParens": "always",
  "trailingComma": "all"
}

字段说明:

配置项 接收值 默认值 说明
semi Boolean true 是否需要在句尾添加分号
printWidth Int 80 每行的长度,超出自动换行
tabWidth Int 2 缩进空格数
useTabs Boolean false 是否使用制表符缩进
singleQuote Boolean false 使用单引号代替双引号
arrowParens “always”,”avoid” “always(V2.0.0)” 箭头函数单个参数时是否要需要小括号
trailingComma “es5”,”none”,”all” “es5(V2.0.0)” 对象最后一项是否加上逗号

修改格式化快捷键:

图 1