<p>使用 VSCode 的 REST Client 插件可直接在编辑器中测试 API,安装后创建 .http 文件编写请求,如 GET、POST 等,用 ### 分隔多条请求,点击 Send Request 或快捷键发送,响应自动格式化显示;支持通过 rest-client-environment.json 定义变量管理不同环境的接口地址,提升调试效率。</p>

使用 VSCode 的 REST Client 插件测试 API 非常简单,只需创建一个以 .http 结尾的文件,然后在其中编写请求信息,即可直接发送 HTTP 请求并查看响应。
打开 VSCode,在左侧扩展面板中搜索 REST Client(由 Huachao Mao 开发),点击安装。安装完成后无需重启,即可使用。
在项目中新建一个文件,例如 api-test.http,文件名任意,但后缀必须是 .http。
在文件中写入以下格式的请求:
GET https://www.php.cn/link/c6dc59e0e8300a4b3b3b3ff329fb1868支持多种 HTTP 方法,比如 GET、POST、PUT、DELETE 等。例如发送一个 POST 请求:
POST https://jsonplaceholder.typicode.com/posts Content-Type: application/json{ "title": "foo", "body": "bar", "userId": 1 }
每条请求之间用三个井号 ### 分隔,可用于组织多个测试用例:
GET https://www.php.cn/link/c6dc59e0e8300a4b3b3b3ff329fb1868DELETE https://www.php.cn/link/c6dc59e0e8300a4b3b3b3ff329fb1868
在请求上方会显示一个 Send Request 链接,点击它,VSCode 会在右侧新标签页中显示完整的响应结果,包括状态码、响应头和响应体。
响应内容自动格式化,JSON 会高亮显示,便于阅读。
你也可以使用快捷键:将光标放在请求代码内,按 Ctrl+Alt+R(Windows/Linux)或 Cmd+Alt+R(Mac)来发送请求。
如果接口地址在不同环境变化,可以使用变量简化管理。先创建一个 rest-client-environment.json 文件:
{ "development": { "apiUrl": "https://dev-api.example.com" }, "production": { "apiUrl": "https://api.example.com" } }然后在 .http 文件中使用双大括号引用变量:
GET {{apiUrl}}/users通过右下角的环境切换按钮可在不同配置间切换。
基本上就这些。写请求像写文档一样直观,适合前后端联调或日常接口验证。
以上就是怎样使用VSCode的 REST Client 插件测试API?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号