[VSCode插件推薦] REST Client: 也許是比Postman更好的選擇

2021-12-28 玩轉VS Code

在測試REST API的時候,想必大家都會有不同的工具選擇。如果是基於CLI的話,大家應該會選擇cURL。如果是GUI工具的話,相信很多人都會使用Postman。不過今天,筆者要推薦的是REST Client插件。也許,它是比Postman更好的選擇。

(掃描上方二維碼,訪問插件的Marketplace頁面)

相比於Postman,REST Client支持了 cURL 和 RFC 2616 兩種標準來調用REST API。

RFC 2616

下面就是一個符合RFC 2616標準的POST請求

POST http://dummy.restapiexample.com/api/v1/create HTTP/1.1
content-type: application/json

{    "name":"Hendry",    "salary":"61888",    "age":"26"
}

我們在VS Code新建一個以.http或者.rest 結尾的文件,填入你的HTTP請求,點擊Send Request,或者右鍵選擇Send Request,或者直接用快捷鍵 Ctrl+Alt+R ,你的REST API就執行了,然後API Response就會顯示在右邊區域。是不是很方便?

cURL

下面是一個符合cURL標準的POST請求

curl -X POST "http://dummy.restapiexample.com/api/v1/create" -d "Hello World"

同樣地,也能通過REST Client在VS Code裡一鍵運行。

HTTP語言

REST Client 添加了HTTP語言的定義,支持把以 .http 或者 .rest 結尾的文件當作HTTP語言,提供了語法高亮,代碼自動補全,代碼注釋等功能。

看到這裡,你也許會問,我直接用Postman在GUI上填一填REST API的各個欄位不就行了,幹嘛還要寫一個HTTP的文件。其實直接有一個HTTP文件的最大好處,就是方便分享。比如說,你可以把HTTP文件文件放到GitHub,這樣的話,所有開發或者使用項目的人都能復用這個HTTP文件了。也極大的方便管理你的所有REST API。

更方便的是,通過###分隔符,同一個HTTP文件裡可以涵蓋多個HTTP請求。不像Postman,不同的HTTP請求需要放在不同的tab裡。

代碼生成

「代碼生成」也是REST Client裡一個很方便的功能,你可以方便地通過 Generate Code Snippet 命令來把HTTP請求生成出不同程式語言的代碼:JavaScript, Python, C, C#, Java, PHP, Go, Ruby, Swift等等主流語言。

高階功能

其實REST Client還有很多的功能,有需求的童鞋可以慢慢挖掘,筆者列出了一些比較有用的高階功能:

下面就是使用文件變量的一個例子,這樣在不同的HTTP請求中,變量就能共享了。其中,{{$datetime iso8601}} 是預定義的系統變量

@hostname = api.example.com
@port = 8080
@host = {{hostname}}:{{port}}
@contentType = application/json
@createdAt = {{$datetime iso8601}}

###

@name = hello

GET https://{{host}}/authors/{{name}} HTTP/1.1

###

PATCH https://{{host}}/authors/{{name}} HTTP/1.1
Content-Type: {{contentType}}

{    "content": "foo bar",    "created_at": {{createdAt}}
}

哈哈!最後再給大家透露下:其實REST Client的作者也是中國人哦~ 曾經和筆者還是同事呢,是位大神哦!

相關焦點

  • 學會IDEA REST Client後,postman就可以丟掉了...
    所謂工欲善其事必先利其器,在沒有嘗到 IDEA REST 真香之前,postman(chrome 的一款插件)確實是一個非常不錯的選擇,具有完備的 REST Client 功能和請求歷史記錄功能。但是當使用了 IDEA REST 之後,postman 就可以丟了,因為,IDEA REST Client 具有 postman 的所有功能,而且還有 postman 沒有的功能,繼續往下看。
  • 學會 IDEA REST Client後,postman就可以丟掉了...
    所謂工欲善其事必先利其器,在沒有嘗到IDEA REST真香之前,postman(chrome的一款插件)確實是一個非常不錯的選擇,具有完備的REST Client功能和請求歷史記錄功能。但是當使用了IDEA REST之後,postman就可以丟了,因為,IDEA REST Client具有postman的所有功能,而且還有postman沒有的功能,繼續往下看。
  • vscode實用插件推薦
    ,vscode自然也不例外,插件可能會佔用一些資源,減慢IDE的啟動速度,但是適當使用一些效率插件,對於提高效率還是很有助益的。itemName=codezombiech.gitignore四 MarkdownMarkdown編輯vscode支持的還不錯,下面推薦的兩個插件都很強大,根據喜好選擇一個即可。
  • 2020 vscode 好用的十佳擴展
    vscode作為免費開源的文本編輯器,它已經越來越受開發者喜愛。因為豐富的插件,它可以媲美IDE,同時它還有著不俗的啟動速度,可以說它是一款披著文本編輯器的IDE一點也不為過。vscode有著無數的插件,今天我們就來盤點一下2020年vscode相對來說非常好用的十佳擴展。Import Cost在開發過程中,我們可能經常會發現自己在項目中添加了依賴項。儘管模塊化開發已成為當今軟體開發的關鍵部分,但最好還是確保對依賴的過度依賴。
  • vscode常用插件推薦
    通用插件Chinese: 使vscode顯示為中文One Dark Pro: 一個非常好看的主題插件SettingsSync:同步vscode設置和插件的插件,僅需登錄GitHub選擇gist即可使用Alt+Shift+D下載,Alt+Shift+U上傳。
  • 2021 精選15+VSCode插件推薦
    itemName=octref.veturVolar如果你的項目Vue3.0推薦用這款插件,體驗上會更好。itemName=PKief.material-icon-themevscode-icons這一款是VSCode官方的圖標主題包,看個人喜好選擇圖標庫。效果如下
  • vscode插件體系詳解
    事實上很多 vscode 的核心功能也是通過插件實現的。本文我們將從以下三個方面詳述 vscode 的插件機制:閱讀本文後續內容,需要對 vscode 的插件開發有基本的了解。關於 vscode 的插件開發可參考 vscode 的官方教程 。1.
  • 誰會不愛讓代碼騷裡騷氣的VSCode擴展插件呢?
    itemName=WakaTime.vscode-wakatime  這是筆者最喜愛的擴展插件之一,它要是能全部免費就更好了。  它有什麼用?簡單來說就是這款插件可以記錄你的所有編程活動:你每天花多長時間寫代碼,你正在做的所有項目,你使用的所有程式語言,你對每門語言的熟練程度等等。  這一點太絕了!
  • 2019年JavaScript開發者必備的10個vscode插件
    VSCode現在前端圈特別火爆,基本人手一件,那麼選擇一個好的插件能夠幫我們提高開發效率,和開發體驗。今天給大家推薦的這個10個插件希望對大家有所幫助。之前我們還熱衷使用Atom,webstorm,在前兩年的時候改用了vscode,感覺非常好,性能也不錯。而且vscode的社區和市場也日漸強大,這也是我選擇vscode的原因之一。
  • 強力推薦提高開發效率 VSCode 的插件!
    現在大部分做前端開發,基本都在使用 vscode 吧;這裡推薦一下我常用的提高工作效率的插件。主題1.Git Lensgit 日誌插件;語法校驗1. stylelint一個 css 代碼規範比內置的要全,更智能;2.
  • HBuilderX 2.7.x 發布,插件系統開放,C++ 版的 vscode 來了
    重大升級:插件系統開放HBuilderX自發布以來,目前已累計500萬+的開發者在使用,不少開發者在呼籲HBuilderX開放插件系統,想共同參與打造更好的開發工具。 所以從2.7+起,我們正式開放HBuilderX插件系統。
  • 24 款神級插件,讓你的 vscode 更牛逼!
    大家好,我是小編火寶~之前的文章經常會提到 vscode,有小夥伴反饋說 vscode 雖然挺好用,但是插件太多了,不知道要安裝哪些。亂裝一通不但效果不好,甚至還會導致每次打開vscode都要吃掉不少內存,非常得慢。
  • client-go實戰之二:RESTClient
    相關的應用在client-go-tutorials文件夾下,如下圖紅框所示:client-go-tutorials文件夾下有多個子文件夾,本篇對應的源碼在restclientdemo目錄下,如下圖紅框所示:
  • 編程開發工具vscode插件整理
    Auto Import import提示 Auto Rename T ag 修改HTML 標籤時 , 自動修改匹配的標籤 Airbnb react snippets react 編碼規範 AutoFileName 自動補全文字名 Babel JavaScript babel 插件
  • 【Web逆向】【vscode插件】quokka pro 激活碼
    作者論壇帳號:濤之雨前言似乎是本地算法
  • 雲開發 VSCode 插件 Cloudbase Toolkit 的正確打開方式
    什麼是 Cloudbase ToolkitTencent CloudBase Toolkit 是雲開發的 VS Code(Visual Studio Code)插件。該插件可以讓您更好地在本地進行雲開發項目開發和代碼調試,並且輕鬆將項目部署到雲端。
  • vscode入門:熟悉vscode和初級配置
    登錄vscode官網,下載對應平臺的安裝包安裝即可,下載安裝的過程中可以了解一下release notes,看看官方文檔。默認是英文界面,可以修改成中文(初期為了熟悉工具,最好使用熟悉的語言,英語大神可以跳過這一步)。點擊界面左下角的設置按鈕,選擇最上面的Command Palette...
  • 我最喜歡的 12 個VSCode 插件!
    VSCode 之所以是如此出色的代碼編輯器,其原因之一是由社區創建的龐大的插件庫,從而提高了開發人員的工作效率。以下是一些我最喜歡的VSCode 插件。1. Rainbow Brackets地址:https://marketplace.visualstudio.com/items?
  • CVE-2019-10392:Jenkins Git client插件RCE復現
    0x01 漏洞概述Git客戶端插件中的系統命令執行漏洞,這是以允許具有Job/Configure權限的攻擊者在Jenkins主伺服器上執行任意系統命令作為Jenkins進程正在運行的OS用戶的方式實現命令執行。
  • 眾所周知,擁有了vscode就擁有了一切
    常規用法vscode 寫代碼支持各種流行的程式語言,包括c++, Java, js等等。通過相應的插件你甚至能夠對它們進行編澤運行。Drawio -流程圖製作使用此插件之後,你可以在vscode上直接進行各種流程圖的繪製,支技導出成圖片,可以說是工作必備。