Skip to content
| Marketplace
Sign in
Visual Studio Code>Testing>HTTP Request EditorNew to Visual Studio Code? Get it now.
HTTP Request Editor

HTTP Request Editor

alexermolov

|
1 install
| (0) | Free
Advanced HTTP request editor with Postman-like interface for .http files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

HTTP Request Editor

A VS Code extension for working with .http files featuring a Postman-like interface.

Features

  • 📋 Request List - View all HTTP requests from your .http file in an organized sidebar
  • ✏️ Rich Editor - Edit request method, URL, headers, and body with intuitive controls
  • 🎯 Multiple Body Types - Support for JSON, URL-encoded, XML, HTML, JavaScript, and plain text
  • 🚀 Send Requests - Execute HTTP requests and view responses in real-time
  • 📊 Response Viewer - Inspect response status, headers, and formatted body
  • 📋 cURL Export - Export any request to cURL command (Windows/Unix compatible)
  • 💾 Auto-save - Save your changes back to the .http file
  • 🎨 VS Code Themes - Seamlessly integrates with your editor theme

Usage

Opening the Editor

  1. Create or open a .http file
  2. Right-click on the file
  3. Select "Open with HTTP Editor"

Alternatively, right-click on an open .http file tab and select the same option.

Managing Requests

  • Create: Click the "+ New" button in the sidebar
  • Edit: Select a request and modify its properties in the main panel
  • Delete: Hover over a request and click the "Delete" button
  • Save: Click "💾 Save All" to persist changes to the file

Sending Requests

  1. Select or create a request
  2. Configure method, URL, headers, and body
  3. Click "Send" button
  4. View the response in the Response tab

Export to cURL

Click the "📋 cURL" button to copy the current request as a cURL command to your clipboard.

.http File Format

### Get All Users
GET https://api.example.com/users
Accept: application/json

### Create User
POST https://api.example.com/users
Content-Type: application/json

{
  "name": "John Doe",
  "email": "john@example.com"
}

### Update User
PUT https://api.example.com/users/1
Content-Type: application/json

{
  "name": "Jane Doe"
}

Format Rules:

  • ### - Request separator (followed by optional request name)
  • First line after separator: METHOD URL
  • Headers: Header-Name: Value
  • Empty line before request body
  • Body: Any content (JSON, XML, text, etc.)

Supported Body Types

  • JSON - Automatically formatted and validated
  • URL Encoded - Form data format (key=value&key2=value2)
  • XML - XML documents
  • HTML - HTML content
  • JavaScript - JavaScript code
  • Text - Plain text (default)

The body type is automatically detected based on Content-Type header or content structure.

Supported HTTP Methods

  • GET
  • POST
  • PUT
  • DELETE
  • PATCH
  • HEAD
  • OPTIONS

Requirements

  • Visual Studio Code 1.80.0 or higher

Extension Settings

This extension doesn't require any additional configuration. Just install and start using!

Known Issues

None at this time. Please report issues on GitHub.

Release Notes

1.0.0

Initial release:

  • Full HTTP request editor with Postman-like UI
  • Support for all major HTTP methods
  • Multiple body types (JSON, URL-encoded, XML, etc.)
  • Response viewer with status, headers, and body
  • cURL export functionality
  • Auto-save to .http files

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT


Enjoy! 🚀

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft