Na Request

idea越用越卡，转到vscode，一直没找到比较称手的api测试插件，自己弄了一个，直接在 VS Code 内完成 HTTP API 测试。

Na Request 是一款轻量级 HTTP 请求测试工具，深度集成 VS Code 生态。它提供了类 Postman 的图形化界面，同时内置 Spring Boot 端点自动扫描 和 CodeLens 一键测试 能力，让你无需离开编辑器就能完成接口调试。同时提供按接口地址搜索springboot对应接口并跳转到代码的功能。

🎁 赞助开发者

如果你觉得这款插件帮到了你，欢迎请作者喝杯奶茶！

微信	支付宝

✨ 功能特性

📮 HTTP 请求测试

• 支持 GET / POST / PUT / DELETE / PATCH / HEAD / OPTIONS 全部方法
• 完整的请求编辑：URL、Params、Headers、Body（raw / JSON / form-data）、Auth
• Monaco Editor 驱动的请求体与响应体编辑器，支持 JSON 格式化、压缩与语法校验
• 自动记录请求历史，支持请求方式、URL、时间展示

🌳 接口集合管理

• 树形结构组织接口，支持文件夹分组
• 拖拽排序、右键菜单（新增 / 编辑 / 复制 / 删除）
• 接口独立存储，跨会话持久化

🔄 环境变量系统

• 多环境快速切换（开发 / 测试 / 生产）
• 变量引用语法 {{varName}}，URL 输入框实时预览解析结果
• 内置变量自动填充：{{port}}、{{basePath}}

🚀 Spring Boot 端点自动扫描

• 自动解析 application.yml / application.properties 中的 server 配置（端口、上下文路径）
• 扫描 @RestController / @RequestMapping 注解，提取所有端点路径与 HTTP 方法
• 扫描结果以树形结构展示，点击即可填充到请求面板
• 右键跳转到 Java 源码对应行号
• 支持对已扫描接口地址进行快速搜索

🔬 CodeLens 快速导入

• 在 Java 控制器方法上方显示 "Test" CodeLens 按钮
• 一键将端点导入测试面板，无需手动输入 URL

🏠 完全本地优先

• 所有数据存储在项目 .vscode/na_request/ 目录下
• 不依赖任何外部服务，数据安全可控

版本历史

v1.0.2 (2026-08-06)

• 侧边栏和请求输出区域增加可折叠
• 优化请求输出区域内容过多被遮挡问题

v1.0.1 (2026-08-05)

• 修复请求参数 body 输入框底部被挡住问题

v1.0.0 (2026-07-20)

• 首次发布

📸 截图

🚀 快速开始

打开测试面板

使用以下任意一种方式：

发送第一个请求

1. 打开测试面板
2. 在 URL 栏输入 API 地址（如 https://api.github.com/users/na-dev）
3. 选择 HTTP 方法（GET / POST / ...）
4. 点击 发送
5. 查看响应状态、Headers、Body

🧩 环境变量使用

# 定义环境变量
开发环境:  baseUrl = http://localhost:8080
生产环境:  baseUrl = https://api.example.com

# 在 URL 中使用
{{baseUrl}}/api/users

# 支持嵌套路径
{{baseUrl}}/api/{{version}}/users

🧰 Spring Boot 扫描使用

1. 打开测试面板 → 点击左侧 "扫描" 标签
2. 点击 "扫描 Spring Boot 端点"
3. 插件自动解析配置文件和服务端口
4. 在扫描结果树中点击端点 → 自动填充到请求面板
5. 右键扫描结果 → 跳转到 Java 控制器源码

⚡ 快速命令

通过 Ctrl+Shift+P 打开命令面板，输入以下命令快速操作：

🔧 数据存储位置

所有数据存储在工作区目录下的 .vscode/na_request/：