VSCodeでvueファイルのhtmlを自動フォーマットする方法

前提

• Veturがインストール済みであること
• Prettierがインストール済みであること

方法

1. Windowsで Ctrl + , 、Macで Command + , を押下してワークスペースの設定を開きます。

2. Workspace Settingsで vetur.format.defaultFormatter.html を検索します。

3. 左側の鉛筆マークを押下し、 js-beautify-html を選択します。
   

4. Workspace Settingsで editor.formatOnSave を検索します。

5. 左側の鉛筆マークを押下し、　 true を選択します。
   

6. vueファイル内でhtmlを書き、保存すると自動でフォーマットがかかります。