[VSCode].jsonファイルのフォーマット

.jsonファイルのフォーマッターを指定する方法です。

拡張子と言語モードの関連付け

コマンドパレット(shift+cmd+p)から
> Open Settings
でsettings.jsonを開く。
ここでjsonファイルと認識させたい拡張子を言語モードと関連付ける。
（言語モードはjsonとjsoncがあるが今回はjsoncを指定）

"files.associations": {
        ".prettierrc": "jsonc",
        ".code-snippets": "jsonc"
    },

つづけて同ファイルに言語モードのフォーマッターを指定します。

"[jsonc]": {
        // vscodeのjsonフォーマッターを使用する場合
        "editor.defaultFormatter": "vscode.json-language-features",
        // beautifyを使用する場合
        // "editor.defaultFormatter": "HookyQR.beautify",
        // prettierを使用する場合
        // "editor.defaultFormatter": "esbenp.prettier-vscode",
    },

Tweet

Pocket