VSCodeでJSON整形する方法

Visual Studio Codeで簡単にJSONファイルを整形・フォーマットする方法をご紹介します

VSCodeでJSONファイルを整形する3つの方法

開いているJSONファイルで、以下のショートカットキーを使用して整形できます：

開いているJSONファイルで、右クリックして「ドキュメントのフォーマット」または「選択範囲のフォーマット」を選択します。

コマンドパレットを開き、「Format Document」コマンドを実行します：

コマンドパレットが開いたら、「Format Document」と入力して対応するコマンドを選択します。

これらの方法で自動的にJSONファイルが整形され、より読みやすい多行形式で表示されます。特定の部分だけを整形したい場合は、該当するテキストを選択してから整形コマンドを実行してください。

整形前

{"name":"Jim","email":"[email protected]"}

整形後

{
  "name": "Jim",
  "email": "[email protected]"
}

より高度なJSON整形機能を利用するには、以下の拡張機能がおすすめです：

拡張機能は「拡張機能」タブから検索してインストールできます。

VSCodeのJSON整形動作をカスタマイズするには：

A: デフォルトでは自動整形されません。ただし、「editor.formatOnSave」設定を有効にすると、ファイル保存時に自動整形されます。

A: はい、VSCodeは比較的大きなJSONファイルも処理できますが、非常に大きなファイル（数MB以上）の場合はパフォーマンスが低下する可能性があります。

A: はい、VSCodeの設定でインデントサイズや改行スタイルなどをカスタマイズできます。より高度なカスタマイズには「Prettier」などの拡張機能の利用をおすすめします。