Edited at

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

More than 1 year has passed since last update.


インストール

https://github.com/prettier/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 と競合しました。

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