「liquid」のファイルの整形の際に拡張機能「Beautify」が使えない件

Shopifyの環境構築に初めて挑戦しているものです。
「liquid」のコードを参考ページからコピペして、
いつも通り、「Shift」「option」「F」で整列しようとしていたのですが、
以下の文章が出てきてしまいました。

'plaintext' ファイルのフォーマッタがインストールされていません。

一つ一つ自力で整列させるのがかなり大変なため、何かいい方法があればご教授願いたいです。
よろしくお願いいたします。

エディター：VSCode
PC：iMac
試した拡張機能：Beautify,Prettier

行動規範の内容に同意します

回答1件

おそらく VS Code に .liquid拡張子に対応するフォーマッタがインストールされていないため、エラーになっていると思われます。

どのように整形したいのか不明ですが...

Beautify を使って、整形するのであれば、 VS Code の設定ファイル setting.json に "beautify.language" の設定を追加して、フォーマットと対応するファイル名や拡張子を定義すれば、整形できるようになります。
html として整形するのであれば、"html" に "liquid" を関連付けします。

下記は、Laravel のテンプレート Blade の例ですが、やり方は同じなので参考にして試してみてください。