Prettier

参考:

Prettier – Opinionated Code Formatter [Official]

リポジトリ

参考:

prettier/prettier: Prettier is an opinionated code formatter – GitHub

インストール

参考:

Install | Prettier [Official]

導入

参考:

Prettier 入門/ESLint との違いを理解して併用する – Qiita

オプション

参考:

Options | Prettier [Official]

対応言語/ファイル形式

  • JavaScript
  • JSX
  • Angular
  • Vue
  • Flow
  • TypeScript
  • CSS / Less / SCSS
  • HTML
  • JSON
  • GraphQL
  • Markdown / GFM / MDX
  • YAML

参考:

What is Prettier? | Prettier [Official]

使い方

参考:

注目のコードフォーマッター Prettier で CSS を整形する方法 | satoyan419.com

JSON の整形

参考:

Trailing Comma “all” setting breaking JSON · Issue #2308 · prettier/prettier – GitHub

設定ファイル

JSON、YAML または JavaScript 形式で記述する。

  • .prettierrc
  • .prettierrc.json
  • .prettierrc.yaml
  • prettier.config.js

参考:

.prettierrc – Qiita

Configuration File | Prettier [Official]

Is there a way to set global configuration? · Issue #98 · prettier/prettier – GitHub

Generate .prettierrc file – Stack Overflow

リンターと併用する

参考:

Integrating with Linters | Prettier [Official]

まとめ

参考:

prettier-v1.13.7 チートシート – Qiita

動画/チュートリアル

A Prettier Printer (React Conf 2017)

Javascript Code Formatting (React London 2017)

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA