VScodeで整形できなくなった

Question

昨日までCtrl+Shift+FでHTMLを整形できていたのに、
本日突然「拡張機能HTML言語機能はindex.htmlをフォーマットできません」と表示されて整形できなくなってしまいました。
拡張機能は「HTML Format」をインストールしています。

色々拡張機能をアンインストールしてインストールし直したり…とやってみましたが改善されない状況です。
何か対処法があればご教示いただけますと幸いです。
宜しくお願い致します。

Answer 1

VSCodeのhtmlフォーマッタ設定がおかしくなっているのかもしれません。

setting.jsonを開き、editor.defaultFormatter の設定が記載されている行があれば、一度削除して保存してみてください。

"[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
}

↓

"[html]": {
}

この状態で再度 Ctrl+Shift+F をかけた際に、VSCodeの画面右下に添付画像のようなポップアップが表示されるかと思います。こちらの「構成」ボタンをクリックしてください。

画面上部に「HTML ファイルの規定のフォーマッタを選択する」と出ますので、「HTML Format」を選択してください。

これで「HTML Format」による整形ができるようになるのではないかと思います。

拡張機能「HTML Format」選択時は、setting.jsonのeditor.defaultFormatterが以下のようになっているはずです。

"[html]": {
    "editor.defaultFormatter": "mohd-akram.vscode-html-format"
}