vscodeのjsxでemmet


1週間前にatomでemmetする記事を書きました。

しかし、ここ最近vscodeを使っているので、vscodeでemmetする設定を書きます。
vscodeにはデフォルトでemmetが入ってているので、jsx用に設定を追記するだけで済みます。
⌘ + ,で設定ファイルを表示し、以下を追記します。

  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html"
  },
  "emmet.syntaxProfiles": {
    "html": {
      "attr_quotes": "single"
    },
    "jsx": {
      "self_closing_tag": true
    }
  }