HTML,JavaScript編

vscode

まず拡張機能をダウンロードします。

ESLint Prettier - Code formatter Auto Rename Tag

この3つをHTML,JavaScriptようにダウンロードしてください。

次にsettings.jsonの編集です。

setings.json

  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }

このコードを追記してください。

おまけ

jsonのフォーマッターの設定。

setings.json

  "[json][jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }

setings.jsonを見やすくできます。