Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/open-rpc/editor-extensions-vscode

Provides auto-completion, validation, and previewing for OpenRPC documents in Visual Studio Code.
https://github.com/open-rpc/editor-extensions-vscode

openrpc-documents visual-studio

Last synced: about 2 months ago
JSON representation

Provides auto-completion, validation, and previewing for OpenRPC documents in Visual Studio Code.

Awesome Lists containing this project

README

        

# OPEN-RPC Visual Studio Code Extension

Provides auto-completion and validation for [OPEN-RPC](https://github.com/open-rpc/spec) `openrpc.json` documents.

[![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=open-rpc/editor-extensions-vscode
)](https://dependabot.com)

## Installation

You can find this extension on the vscode marketplace [here](https://marketplace.visualstudio.com/items?itemName=OPEN-RPC.OPEN-RPC).

## Usage

Open a file that matches the pattern: `*openrpc.json`

Use `vscode` keybindings as normal to get auto completion, formatting and validation features:

- `CTRL + SPACE` - auto complete OpenRPC Document - `ENTER` or `TAB` to complete
- `CTRL + N/CTRL + P` - down/up a completion menu line
- `ALT + SHIFT + F` - Format Document
- To **See Errors**:
- mouse `hover` underlined green `~`
- `CMD + K + I` - keychord for `hover`
- `CMD + SHIFT + M` to see errors in the `Problems Pane`

**gif**

![openrpc-vscode](https://user-images.githubusercontent.com/364566/54830472-c5819800-4c75-11e9-8490-49656eb0dd66.gif)

**screenshot**

![image](https://user-images.githubusercontent.com/364566/54831313-59a02f00-4c77-11e9-84bf-eb486f5aa1db.png)

## Document Preview

`CMD + SHIFT + P` brings up the command palette, then search for `OpenRPC preview` and select `Document Preview: Start OpenRPC preview window`.

![image](https://user-images.githubusercontent.com/364566/57946218-a75ca080-7890-11e9-8f51-e72b389b243e.png)

![image](https://user-images.githubusercontent.com/364566/71300097-ef700400-2346-11ea-9527-31eab198f616.png)

## Extension Settings

This extension contributes the following settings:

* `jsonValidation` for OPEN-RPC documents via its [meta-schema](https://github.com/open-rpc/meta-schema)

### 1.0.0

Initial release of OPEN-RPC vscode extension