はじめに

prettierとtslintを組み合わせたら、良い感じのコーディングができるようになりました。
Reactでコーディングするとき用の設定メモとして残します。

Prettierの設定方法 on VSCode

1. Prettier pluginをインストールする。
Extensions(Ctrl + Shift + X)の検索ボックスで「Prettier」と検索する。
その後、「Prettier - Code formatter」というものをインストール。

2. VSCode上でPrettierを適用する。
settingsを開く。(Ctrl + Shift + Pより「> User Settings」と検索)
その後、「Text Editor→Formatting」より「Format On Save」にチェックをいれる。

3. プロジェクトでルールを設定する。
プロジェクトのルートに「.prettierrc」を作成します。
私の設定は以下の通りですが、お好みでどうぞ。

{
  "singleQuote": true,
  "jsxSingleQuote": false,
  "trailingComma": "all",
  "arrowParens": "always"
}