Atom おすすめパッケージ｜JSONを整形する（pretty-json）

2019/1/22 2019/1/23 Atom

AtomのPackage（pretty-json）を使用すると、簡単に JSON を整形することができます。

pretty-json の使い方

① Atomの環境設定から “設定”を開き、”Install” を選択します。

② Packagesの検索条件に、pretty-json と入力します。

③ pretty-json が検索結果に表示されるので、インストールします。

ショートカットキー（cmd + shift + p）で表示されたウィンドウに、次のいずれかのコマンドを入力します。

pretty-json:prettify
pretty-json:sort-and-prettify

見やすい形に整形します。

整形前

{"key1":"value1", "key2":"value2", "key3":"value3"}

1	{"key1":"value1", "key2":"value2", "key3":"value3"}

整形後

{
  "key1": "value1",
  "key2": "value2",
  "key3": "value3"
}

{

"key1": "value1",

"key2": "value2",

"key3": "value3"

}

見やすい + JSONのKEYでソートして整形します。

整形前

{"key2":"value", "key3":"value", "key1":"value"}

1	{"key2":"value", "key3":"value", "key1":"value"}

整形後

{
  "key1": "value",
  "key2": "value",
  "key3": "value"
}

{

"key1": "value",

"key2": "value",

"key3": "value"

}

また、整形とは逆に pretty-json:minify でコンパクトにすることもできます。

ショートカットキーを登録するともっと便利に、サクッと整形することができます。

① Atomの環境設定から “設定”を開き、”Keybindings” を選択します。

② キーマップファイルを表示します。
下記の青文字（キーマップファイル）をクリックすると表示されます。

③ キーマップファイルの末尾に、以下を追加して保存します。
pretty-json:sort-and-prettifyの部分は、使用したいコマンドに変更して下さい。

'atom-text-editor':
  'shift-cmd-j': 'pretty-json:sort-and-prettify'

1 2	'atom-text-editor': 'shift-cmd-j': 'pretty-json:sort-and-prettify'

これで、ショートカットキー（shift-cmd-j）で整形が行えるようになりました。

pretty-json を使用すると簡単にJSONを整形することができます。
ぜひ使ってみて下さい。