【JavaScript】セーブしたら自動でオブジェクトリテラルの前後にスペースを入れたい【VSCode】

概要

VSCodeでコードを書いて保存する時、

import React,{useState,useEffect} from "react";

これが

import React, { useState, useEffect } from "react";

このように自動でなってほしい。自動で括弧の前後とかにスペースを入れたい。

プロジェクト単位ではなく、VSCodeで編集する全てのプロジェクトでこうなって欲しい。

Vscodeの拡張でPrettierを追加

Prettierの設定

こちらの記事を参考に以下を設定

• Format On Saveの有効化
• Default FormatterをPrettierに設定

Bracket Spacingを有効化

多分デフォルトで有効になっているが一応
括弧の両脇にスペースを入れる設定
これを設定でコピペすると出てくる

@ext:esbenp.prettier-vscode bracketSpacing

参考