Webstorm中解决使用Prettier自动带“，”和“；”的问题

在自己的对应项目中创建.prettierrc.js文件

module.exports = {
  // printWidth: 80, //一行的字符数，如果超过会进行换行，默认为80
  // tabWidth: 2, //一个tab代表几个空格数，默认为80
  // useTabs: false, //是否使用tab进行缩进，默认为false，表示用空格进行缩减
  singleQuote: true, //字符串是否使用单引号，默认为false，使用双引号
  semi: false, //行位是否使用分号，默认为true
  trailingComma: 'none' //是否使用尾逗号，有三个可选值"<none|es5|all>"
  // bracketSpacing: true, //对象大括号直接是否有空格，默认为true，效果：{ foo: bar }
  // parser: "babylon" //代码的解析引擎，默认为babylon，与babel相同。
}

自己根据对应的要求更改相应的语句

在自己想要格式化的文件中按ctrl+s可以直接格式化

或者通过设置相关的监听可以使webstorm自动化格式代码

File-->Setting-->Tools-->File Watchers-->+-->

如图