prettierがいい感じ
背景
WebStormのフォーマッターがいけてない。例えば
import React from 'react'
としたら
import React from 'react';
とセミコロン付けて欲しいが付けてくれない。 ほかにもダブルクオーテーションとクォーテーションを統一してくれない、とか、細かい不満がいっぱいあった。
Prettier
適当にググったらこれが出てきた。
https://qiita.com/furuk4wa/items/5f5a28e81a15653af0c8
名前だけ分かれば後は公式を見る。
install
$ yarn add prettier --dev --exact
https://prettier.io/docs/en/install.html
WebStormとの連携
公式に説明がある。
https://prettier.io/docs/en/webstorm.html
WebStormのバージョンが2018.1以上なら Alt-Shift-Cmd-P でフォーマットがかかるらしい。確かにかかった。上の ;
の補完もやってくれる。クォーテーションの統一もしてくれる。いい感じ。
1028.07.12 追記
Alt-Shift-Cmd-Pを押しても何もおこらないとき
prettierの実行ファイルへのパスを指定しないとダメみたい。↓にやり方が書いてある。