https://github.com/eddiejaoude/vscode-paste-type-out
Show code being typed out from your clip board. Great for videos and demos
https://github.com/eddiejaoude/vscode-paste-type-out
extension tool typescript vscode
Last synced: 9 days ago
JSON representation
Show code being typed out from your clip board. Great for videos and demos
- Host: GitHub
- URL: https://github.com/eddiejaoude/vscode-paste-type-out
- Owner: eddiejaoude
- License: mit
- Created: 2026-05-19T10:45:40.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-05-19T12:06:47.000Z (about 1 month ago)
- Last Synced: 2026-06-14T14:00:08.277Z (10 days ago)
- Topics: extension, tool, typescript, vscode
- Language: TypeScript
- Homepage:
- Size: 20.6 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Paste Type
A VSCode extension that types clipboard text into the editor when you paste.
## What it does
- Overrides paste in text editors (`Ctrl+V` / `Cmd+V`)
- Reads your clipboard text
- Types it character-by-character
- Preserves exact formatting, including spaces, tabs, and indentation
- Adds a status bar toggle so you can quickly turn Paste Type on/off and see current state
- Adds a status bar speed menu so you can quickly switch typing pace from slow to fast
## Configuration
- `paste-type.enabled`: Enables/disables Paste Type.
- Default: `true`
- When disabled, `Ctrl+V` / `Cmd+V` uses VSCode's default paste behavior.
- `paste-type.typingDelayMs`: Delay (in milliseconds) between each typed character.
- Default: `40`
- Increase this if you want visible typing animation.
## Toggle on/off quickly
- Use the status bar button on the right side:
- `Paste Type: On`
- `Paste Type: Off`
- Click the button to toggle state.
- You can also run the command: `Paste Type: Toggle Enabled`.
## Speed menu
- Use the `Paste Speed` status bar item next to the toggle.
- Click it to choose one of the built-in presets:
- Slow
- Comfortable
- Balanced
- Fast
- Instant
- You can also run the command: `Paste Type: Select Speed`.
## Run locally
1. Install dependencies:
```bash
npm install
```
2. Compile:
```bash
npm run compile
```
3. Press `F5` in VSCode to launch an Extension Development Host.
4. Copy code and paste in an editor to see it typed out.
## Install in VSCode
1. Install the VSCode extension packager:
```bash
npm install -g @vscode/vsce
```
2. From this project folder, build and package the extension:
```bash
npm install
npm run compile
vsce package
```
3. Install the generated `.vsix` file using one of these options:
- Command line:
```bash
code --install-extension paste-type-0.0.1.vsix
```
- VSCode UI:
1. Open Extensions view.
2. Click the `...` menu.
3. Select `Install from VSIX...`.
4. Choose the generated `.vsix` file.
4. Reload VSCode when prompted.
## Publish to VSCode Marketplace (App Store)
1. Prepare extension metadata in `package.json`:
- Ensure `name`, `displayName`, `description`, `version`, and `publisher` are correct.
- Add `repository`, `license`, and `icon` fields if missing (recommended for listing quality).
2. Create a publisher profile:
- Go to https://marketplace.visualstudio.com/manage and create a publisher if you do not have one.
3. Create a Personal Access Token (PAT):
- In Azure DevOps (https://dev.azure.com), create a PAT with Marketplace publish/manage permissions.
4. Install `vsce` (if not already installed):
```bash
npm install -g @vscode/vsce
```
5. Log in with your publisher name:
```bash
vsce login
```
- Paste your PAT when prompted.
6. Publish:
```bash
npm run compile
vsce publish
```
Optional version bump while publishing:
```bash
vsce publish patch
vsce publish minor
vsce publish major
```
After publish, your extension should appear on the VSCode Marketplace within a few minutes.