Skip to content

restdoc/API-Client-VSCode-Extension

Β 
Β 

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.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 89.3%
  • JavaScript 9.4%
  • CSS 1.3%