https://github.com/orta/vscode-twoslash-queries

VS Code extension which adds support for twoslash queries into typescript projects
https://github.com/orta/vscode-twoslash-queries

typescript vscode vscode-extension

Last synced: 23 days ago
JSON representation

VS Code extension which adds support for twoslash queries into typescript projects

• Host: GitHub
• URL: https://github.com/orta/vscode-twoslash-queries
• Owner: orta
• License: mit
• Created: 2022-06-07T12:47:07.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-19T13:47:39.000Z (about 2 months ago)
• Last Synced: 2024-10-04T00:33:27.570Z (about 1 month ago)
• Topics: typescript, vscode, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=Orta.vscode-twoslash-queries
• Size: 1.15 MB
• Stars: 419
• Watchers: 5
• Forks: 15
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vscode-twoslash-queries

A tiny extension for VS Code that lets you use `// ^?` inside your editor to inline highlight types. Re-uses the existing TypeScript tooling infra in `*.ts`, `*.tsx`, `*.js`, and `*.jsx` files, simply adding inline info.

Useful for keyboard warriors or folks working on complex types and want to see how changes propagate throughout other types.

## Features

**Key: You write `// ^?` anywhere in a source file (with whitespace before, between and middle being whatever) all that matters is the alignment of the `^`.**

In addition:

- End a line with `//=>` to highlight the leftmost named type.

- Use the `"TwoSlash Query: Insert Below"` command from the Command Palette or assign a keyboard shortcut to it (default: `Ctrl+K 6` on Windows, `Cmd+K 6` on Mac).

You can see here it in use a few times:



## Debugging

**Ensure that inlay hints are enabled in your VS Code settings.**

## Deployment

Bump version number.

VS Code:

1. `npx vsce publish`

OSVX:

1. `npx vsce package`

2. `ovsx publish vscode-twoslash-queries-*.vsix -p [token]`

3. `rm vscode-twoslash-queries-*.vsix`