安装REST Client扩展后,可在vscode中直接发送http请求。创建以.http为后缀的文件,编写GET、POST等请求,点击“Send Request”即可查看响应。支持jsON格式化、环境变量(通过rest-client.variables.json配置)、多请求分隔(###),便于API测试与调试,提升开发效率。

在VSCode中使用REST Client扩展可以让你直接从编辑器发送HTTP请求,无需切换到外部工具。这个插件支持多种HTTP方法、环境变量、请求历史记录和响应预览,非常适合api开发和测试。
安装REST Client扩展
打开VSCode,进入扩展市场(快捷键 Ctrl+Shift+X),搜索 “REST Client”,选择由Huachao Mao开发的官方扩展并安装。
创建请求文件
新建一个以 .http 或 .rest 为后缀的文件,例如 api.test.http。在这个文件中可以直接编写HTTP请求。
示例:
将光标放在请求行上,点击上方出现的 Send Request 链接,即可发送请求并在右侧新标签页查看JSON格式化后的响应内容。
支持多种HTTP方法和请求体
你可以测试POST、PUT、PATCH等带请求体的方法。
示例:发送JSON数据
POST https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740 Content-Type: application/json <p>{ "title": "Hello VSCode", "body": "Using REST Client", "userId": 1 }
输入完后点击“Send Request”,就能看到服务器返回的创建结果。
使用变量简化测试
REST Client支持自定义变量,方便你在不同环境中切换。
在项目根目录创建 .vscode/rest-client.variables.json 文件:
{ "dev": { "apiUrl": "https://jsonplaceholder.typicode.com" }, "prod": { "apiUrl": "https://api.example.com" } }
然后在请求中使用:
GET {{apiUrl}}/posts/1 Content-Type: application/json
点击请求时会弹出环境选择,自动替换变量。
保存和组织多个请求
一个.http文件可包含多个请求,用三个井号 ### 分隔:
GET https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740/1 <h3></h3><p>POST <a href="https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740">https://www.php.cn/link/a6bebbe36e02bb16c654383299bc7740</a> Content-Type: application/json</p><p>{ "title": "New Post", "userId": 1 }
基本上就这些。REST Client让API调试变得直观高效,特别适合前后端联调或学习restful服务。不复杂但容易忽略细节,比如变量命名和分隔符写法,注意保持格式正确即可。基本上日常开发够用了。


