• HOME
  • [vscode]Prettierをvscodeで利用できるようにする設定
TomoyaOkada

[vscode]Prettierをvscodeで利用できるようにする設定

記事をシェアする

こんにちは、Okadaです。
設定の仕方を度々忘れてしまってはググっているので備忘録として残します。
各種拡張機能がインストールしてある前提で記述しています。

Prettierをインストール

yarn add -D prettier eslint-config-prettier


setting.jsonに記述

.vscode/settings.json

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}


細かな設定は各自で調節してください。
以上で動作します。



記事をシェアする