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-->+-->

如圖