VSCodeで1行JSONを整形+Unicodeをデコードして見やすくする

はじめに

APIから受け取ったJSONをコピペしてVSCodeで確認したいと思った時に、JSONが1行で返ってきたり、StringがUnicodeにエンコードされていてどんな値が入ってるか分からない、ということがあったため備忘録として投稿

前提

Unicodeのデコードは Encode Decode というVSCodeの拡張機能を用います

手順

1行のJSONを整形する方法

1. 新しいファイルを作成(Mac: cmd + n またはタブのところを2回クリック)
2. コピーした1行JSONを貼り付け
3. 右下の言語モードをJSONにする(Mac: cmd + k 押した後 m)
4. 右クリックで『ドキュメントのフォーマットを選択』(Mac: option + shift + L)

Unicodeをデコードする方法

1. VSCode検索機能で、正規表現をONにして\\u.{4}と検索
2. alt + enter (Mac: option + return)を押して検索された部分を選択する
3. ctrl + alt + c (Mac: cmd + option + C)、もしくは ctrl + shift + P (Mac: cmd + shift + C)でコマンドパレットを開き、convert selectionを選択すると、Encode Decodeのメニュー開く
4. Unicode to String を選択する

参考

https://yukushige.com/blog/?p=511
https://qiita.com/westhouse_k/items/60c6afdb8cf6bc417bd3
Encode Decode