Prettierで変なところで改行されるのを防ぐ方法

Visual Studio Codeに、Prettierプラグインをインストールしてフォーマッタに利用すると、プログラムコードを自動的に整形してくれます。

しかし、標準の状態だと次のようにHTMLタグの途中の変なところで改行されてしまうことがあります。

これを防ぐには、.prettierrcファイルで設定を変更します。このファイルは、VSCodeのコマンドパレットを表示して、

Prettier: Create Configuration File

コマンドで作成できます。そしたら、次の設定を書き込みましょう。

"printWidth": 1024

これは、1行文の長さとして許容する文字数を指定するもので、1024という数字はてきとうです。好きな数字を入力しましょう。

これで、設定した長さまでであれば変な改行を入れなくなります。