LoginSignup
24

More than 3 years have passed since last update.

posted at

updated at

VSCode でファイル保存時にPrettierに自動整形してもらう

やりたいこと

VSCode に Prettier の拡張機能をインストールして自動整形してもらいたい。

ちょっと困ったこと

他の方の記事をみると、User Settings の json ファイルを書き換えるようなことが書いてあるが、どこにあるんだろう&なんかGUIで設定できそう。

やり方

  1. VSCode に Prettier の拡張機能をインストールする。
    スクリーンショット 2019-06-04 14.25.11.png

  2. Command + Shift + P を押して Open User Settings を開く
    スクリーンショット 2019-06-04 14.24.21.png

  3. Text Editor -> Formatting の順で選択して、 Format On Save にチェックを入れて終わり
    スクリーンショット 2019-06-04 14.24.37.png

参考

VS Code上でファイル保存時にPrettierを走らせる
[React Native]VSCodeでPrettierを入れる

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
24