2021年12月26日

ここ最近、 React や Vue のファイル編集は WebStorm や VSCode に任せっきりになってしまっていたので、毎年やっている冬休みの設定ファイル掃除で、 Neovim の Prettier まわりの設定を見直してみました。 今回対応するファイル・タイプは、 です。 ちなみにですが、こちらがぼくの Neovim の設定ファイルです。 Vim で Prettier を実行するプラグインは多々あります。 vim-prettier も有名なので、こちらを使っている方も多い印象です。 ぼくは ALE というプラグインを使っているので、こちらで進めていきます。 eslint の実行は ALE からは行っていません。 どうしても eslint まで含めると、保存の頻度が高くなるにつれ重くなってしまいます。 なので、ぼくは Prettier は ALE で、 eslint は yarn lint のようにコマンドを実行しています。 これで保存すると同時に JSX の整形や、 Prettier のフォーマットが走ってくれます。 また、 g:ale_javascript_prettier_use_local_config でローカルファイルを優先にしているので、すでに .prettierrc がある場合はそちらを見に行ってくれます。