Prettier
公式サイト：
Prettier – Opinionated Code Formatter [Official]
インストール
npm コマンドでプロジェクトに追加する。
$ npm install --save-dev --save-exact prettier
yarn コマンドでプロジェクトに追加する。
$ yarn add --dev --exact prettier
参考：
導入
参考：
Prettier 入門／ESLint との違いを理解して併用する – Qiita
Prettier の導入方法／フロントエンド開発で必須のコード整形ツール | ICS MEDIA
オプション
参考：
対応言語／ファイル形式
- JavaScript
- JSX
- Angular
- Vue
- Flow
- TypeScript
- CSS / Less / SCSS
- HTML
- JSON
- GraphQL
- Markdown / GFM / MDX
- YAML
参考：
What is Prettier? | Prettier [Official]
使い方
参考：
Prettier で HTML／CSS／JS のコードを整形してみた | クモのようにコツコツと
注目のコードフォーマッター Prettier で CSS を整形する方法 | satoyan419.com
設定ファイル
JSON、YAML または JavaScript 形式で記述する。
.prettierrc.prettierrc.json.prettierrc.yamlprettier.config.js
参考：
Configuration File | Prettier [Official]
Is there a way to set global configuration? · Issue #98 · prettier/prettier – GitHub
Generate .prettierrc file – Stack Overflow
JSON を整形する
参考：
Trailing Comma “all” setting breaking JSON · Issue #2308 · prettier/prettier – GitHub
TypeScript を整形する
参考：
TypeScript コードを Prettier で自動整形する | まくろぐ
ESLint + Prettier の設定方法まとめ | まくろぐ
TypeScript のプロジェクトで ESLint + Prettier を活用する | Tips Note by TAM
Vue.js
参考：
リンターと併用する
参考：
Integrating with Linters | Prettier [Official]
Prettier vs. Linters | Prettier [Official]
ESLint と併用する
参考：
TypeScript + Node.js プロジェクトに ESLint + Prettier を導入する手順 – Qiita
ESLint と Prettier を併用する時の設定 | すな.dev
ESLint と Prettierの使い方／静的検証／スタイル統一 | わくわくBank
Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった | blog.ojisan.io
Integrating with Linters | Prettier [Official]
Prettier vs. Linters | Prettier [Official]
エディターで使う
参考：
Editor Integration | Prettier [Official]
npm
入手：
まとめ
Prettier v1.13.7 チートシート – Qiita
リポジトリ
prettier/prettier: Prettier is an opinionated code formatter – GitHub
チュートリアル
A Prettier Printer (React Conf 2017)
Javascript Code Formatting (React London 2017)
eslint-config-prettier
Prettier で整形する場合に ESLint で不要となるルールを除外する。
リポジトリ：
入手：
参考：
ESLint と Prettier の組み合わせ | kohski
eslint-plugin-prettier を ESLint から 分離するサンプル | DevelopersIO
stylelint-config-prettier
Prettier で整形する場合に Stylelint で不要となるルールを除外する。
リポジトリ：
入手：
stylelint-config-prettier – npm
prettier-eslint
Prettier の実行後に、ESLint による修正を適用するためのプラグイン。
リポジトリ：
prettier/prettier-eslint: Code Prettier eslint --fix Formatted Code – GitHub
入手：
参考：