1. 程式人生 > 其它 >Webstorm中解決使用Prettier自動帶“,”和“;”的問題

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

如圖