More than 5 years have passed since last update.

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

Last updated at 2017-09-14Posted at 2017-09-14

インストール

npm install prettier --save-dev

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

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

package.json

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

npm run fmt

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