關於網路那些事...

網路行銷,SEO,網路趨勢,教學文章,網頁設計,生活時事

fx - 在命令列檢視 json (command line json viewer) 的開發者工具

在前後端分離架構中,需要頻繁的測試及查看 json ,通常都會透過 postman, insomnia 來輔助開發

這裡要介紹的是在 Command-Line 可直接檢視 json 的套件 fx

官方介紹,它具有以下特點:

  • 不需要學習新的語法
  • 簡單的javascript 語法即可上手
  • 自動格式化及標示
  • 獨立二進位式
  • 命令列互動模式🎉

安裝 fx

npm install -g fx

//or

brew install -g fx

使用方式

直接輸入json 自動格式化

$ echo '{...}' | fx [code ...]

取得本地文件

cat xxx/xxx.josn | fx [code ...]

取得來源的 curl 自動格式化

$ curl ... | fx [code ...]

使用 ES6 generator

$ curl ... | fx 'for (let user of this) if (user.login.startsWith("a")) yield user'

$ echo '["a", "b"]' | fx 'yield* this; yield "c";'
[
  "a",
  "b",
  "c"
]

操作數據

$ echo '{"count": 0}' | fx '{...this, count: 1}'
{
  "count": 1
}

也可簡單的結合現有 package

$ npm install -g lodash
$ cat package.json | fx 'require("lodash").keys(this.dependencies)'

範例

輸入json字串,取得內容 (進入互動模式)

echo '{"foo": [{"bar": "value"}]}' | fx

輸入json字串,取得所有內容(直接輸出所有字元)

echo '{"foo": [{"bar": "value"}]}' | fx .

輸入json內容,取得物件內的值

echo '{"foo": [{"bar": "value"}]}' | fx 'x => x.foo[0].bar'

選取文字

在 json 的清單中,有些 url 或參數,可以直接選取及點擊

操作方式要根據使用的 CLI 來調整

Key Terminal
iTerm2, Hyper Option+Mouse
Terminal.app Fn+Mouse
Linux Shift+Mouse

如果這篇文章對你有幫助,請在這裡點個讚



最新文章推薦