【分享】webstorm 配置Prettier 配置

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

在和package,json文件同级下创建一个.prettierrc文件文件中配置你的项目文件格式化内容

{
  "semi": false,
  "singleQuote": true,
  "bracketSpacing": true,
  "trailingComma":"none",
  "arrowParens": "avoid"
}

• semi： 是否使用分号，默认true，使用分号
• singleQuote： 是否使用单引号，默认为false，不使用单引号，使用双引号
• bracketSpacing： 字面量对象括号中的空格，默认true
  • true - Example: { foo: bar }.
  • false - Example: {foo: bar}.
• trailingComma： 末尾逗号
  • none 末尾没有逗号
  • es5 es5有效的地方保留
  • all 在可能的地方都加上逗号
• arrowParens： 箭头函数参数括号 默认avoid
  • avoid 能省略括号的时候就省略 例如x => x
  • always 总是有括号

文件-> 设置 打开设置对话框：

完成以上步骤即可。