prettier でコードフォーマットしてみた

インストール

npm install prettier --save-dev

.prettierrc

package.json と同階層に .prettierrc を置きます。
JSON または YAML で書けます。

.prettierrc

printWidth: 120 # 1行の文字数制限
tabWidth: 2
singleQuote: true
trailingComma: none
semi: false
parser: typescript # flow もあります。

その他のオプションは下記を参照ください。
https://github.com/prettier/prettier#options

npm scripts を追加する

例では format の略字で fmt としてますが、なんでも構いません。
--write をつけるとファイルを上書きしてくれます。

package.json

"scripts": {
  "fmt": "prettier --write 'src/**/*.js'"
}

実行

npm run fmt

感想

eslint と競合しました。
各種リンターを使用する場合、ルールを考慮する必要があります。