2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Visual Studio CodeでJSONを表示する方法(自分用メモ

Last updated at Posted at 2020-12-05

#VSCodeでJSONを表示する方法を簡単に記載します(自分用メモ)
Visual Studio Code(VSCode)よりダウンロード&インストールしたら、日本語化。

[View]-[Command Palette]
image.png
[Configure Display Language]を選択
image.png
[Install additional languages]を選択
image.png
言語のリストが表示されるので、目的の言語(日本語)で[Install]
image.png
右下に現れるメッセージウィンドウで[Yes]
image.png

VSCodeが再起動し日本語化されます。

次はJSONファイルを成型していきます。

[ファイル]-[新規ファイル]
image.png
開いたエディターにJSONを張り付けます。
image.png
画面右下メニューの[プレーンテキスト]をクリックし
image.png
開いたメニューで[JSON(json)]を選択
image.png
エディターで右クリックメニューを開き、[ドキュメントのフォーマット]
image.png

こんな感じで表示されました。
image.png

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?