MRが楽しい

MRやVRについて学習したことを書き残す

VisualStudioCodeでJSONフォーマットを整形する

本日は VisualStudioCode の小ネタ枠です。
VisualStudioCodeでJSONフォーマットを整形する方法について記事にします。

JSONフォーマットを操作する拡張機能を追加する

初めにJSONフォーマットを操作するための拡張機能をインストールします。
VisualStudioCodeを起動してExtensionsタブを開きます。

検索欄に[json]と入力してJSONフォーマットを取り扱うための拡張機能を探します。
今回は[Prettify JSON]というプラグインをインストールしました。

JSONフォーマットを整形する

新規作成したテキストファイルに、適当なJSONフォーマットの文字列を記述します。

{ "id" : "1", "name" : "suzuki", "height" : "170.0", "check" : "true" }

文字列がJSONフォーマットとして認識されない場合は右下の Language Mode を選択し、JSON に切り替えます。

文字列がJSONとして認識され、要素が色分けされます。

更に改行などで読みやすい形に変更したい場合は文字列を範囲指定した状態で右クリックから[Format Selection]を実行します。

これで以下の通り、JSONを改行した形式に整形できました。