Skip to content

REST-API-Client/API-Client-VSCode-Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

487 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

REST API Client

Simple and intuitive API Client made into a VSCode extension.

Visual Studio Marketplace โ€ข Repository โ€ข Releases



Visual Studio Code extension to send basic HTTP/S requests and receive a response with an intuitive UI within Visual Studio code to enhance work productivity.

REST API Client preview


๐Ÿš€ Installation

โ—๏ธ This extension is best paired with a dark-colored Visual Studio Code theme.

โ—๏ธ REST API Client cannot be installed or used when using a web version of Visual Studio Code

๐Ÿ” Security and Privacy

  • REST API Client does not collect or store any of your personal information or request data
  • REST API Client uses VSCode global state API in order to store your request history and favorites collections locally.

โœจ Features

  • Send a request and receive a response from your desired API endpoint.
  • Seven request methods
    • GET
    • POST
    • PUT
    • PATCH
    • DELETE
    • HEAD
    • OPTIONS
  • Various request options
    • Add parameter to your API endpoint
    • Add authorization option
      • Basic Authorization
      • Bearer Token
    • Add body data
      • Form data
      • x-www-form-urlencoded
      • Raw data
        • Text
        • JavaScript
        • JSON
        • HTML
  • Code snippet of your current request, provided up to 18 different languages with their specific variants, to copy and paste to your codebase.

Code Snippet preview

  • Resizable vertical menu
  • Various response body view format
    • Pretty
      • JSON
      • HTML
      • Text
    • Raw
      • Plain Text
    • Visual HTML preview of the response data
  • Basic metadata information
    • Status code and text
    • Response size
    • Approximate time measurement to receive a response from your request
  • Copy and paste code button
  • Response headers view mode
  • History collection sidebar
  • Favorites collection sidebar
  • Intuitive icon UI to favorite a request history or delete
  • Search bar to find your specific request history
  • Click and search from the sidebar collection

Sidebar preview

๐Ÿ’ป Commands

Simply click Open Menu button or open the Command Palette and type the command below:

Command+P or Command + Shift + P on macOS and Ctrl+Shift+P on Windows/Linux


Command Description
> Start: New Request Create a API Client menu

โ—๏ธ You can only create one panel at a time.

๐Ÿ“š Tech Stacks

This project was created using the following tech stacks:

ย  ย  ย  ย  ย  ย 

๐Ÿ—’ Changelog

Current version 1.1.4

Visit here for a detailed release notes

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Contributing

If you have a suggestion that would make this project better, please fork this repository from here and create a pull request.

I appreciate even the tiniest suggestion or contribution you make to this project.

๐Ÿชœ Step-by-step guide on how to make a pull request

  1. Fork this Project from here
  2. Create your Branch โ†’ git checkout -b feature/newFeature
  3. Code up your outstanding logic โ†’ console.log("Hello World")
  4. Commit your Changes โ†’ git commit -m "feat: Add some newFeature"
  5. Push to the Branch โ†’ git push origin feature/newFeature
  6. Vist your GitHub repository and open a Pull Request

๐Ÿ— Running the extension locally for development

  1. Run git clone from this repository
  2. Run npm install
  3. Run npm run dev
  4. Press F5 to launch extension development mode
  5. command + p or ctrl + p and type > Developer: Toggle Developer Tools to open browser console for easy debugging

โš ๏ธ Bugs or Suggestions

If you found any bugs while using this extension or you have a suggestion please post it in issues.

๐Ÿซง Contributors

Contributors

๐Ÿ“‹ License

This extension is released under the MIT license.