Posted at

VS Code上でファイル保存時にPrettierを走らせる


概要

VS Code上でファイルを保存すると自動的にPrettierが走る便利なPlugin。

Prettier自体は使ってたけど毎回手動で走らせてたのその手間を軽減する。


  • すでにPrettierを導入している事を前提とする。


Prettier Pluginのインストール


  • 画面の左側からPluginのアイコンを選択肢、Prettierで検索する。

  • Pluginをインストールする。
    Screen Shot 2018-11-22 at 11.16.49.png


ファイル保存時にPrettierが走る用に設定


  • 画面左下の:gear:アイコンからSettingsを選択。


  • USER SETTINGSに以下の値を追加する。

  "editor.formatOnSave": true


  • Settings及びPluginを反映させる為にいったん画面をReloadする。