Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>yokoNew to Visual Studio Code? Get it now.
yoko

yoko

codingnninja

|
46 installs
| (0) | Free
Teach programming like a PRO
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Yoko

Live Stream Coding Without Really Coding

Yoko is designed to enhance your live coding sessions, programming tutorials, and teaching experiences. It allows you to simulate live coding without actually typing any character, making your presentations smoother and more engaging. You only need to focus on audio recording.

Animation demonstrating Yoko

Features

  • Simulated Live Coding: Copy and paste code while the extension controls the pace of text appearance.
  • Pause and Resume: Easily pause the simulated typing when you need to explain concepts.
  • Undo/Redo Support: You can delete characters but don't forget to undo them before pressing spacebar to continue.
  • Multi-language Support: Works with any programming language or text file.
  • Multi tabs or files Support: You can use Yoko to work on multiple tabs or files but one file at a time as Yoko will automatically deactivate itself whenever tabs are switched. So you need to activate Yoko whenever you want to use it in a file.

Installation

  1. Open Visual Studio Code.
  2. Press Ctrl+P to open the Quick Open dialog.
  3. Type ext install codingnninja.yoko to find the extension.
  4. Click Install.
  5. Or search for Yoko in extensions navigation pan.

Usage

  1. Open a file you want to use for your live coding session.
  2. Activate Yoko by pressing Ctrl+Shift+P (or Cmd+Shift+P on macOS) then find and click "Yoko: Teach programming like a PRO". Alternatively, simply press Ctrl+Shift+c (or Cmd+Shift+c on macOS).
  3. After the content of your editor has disappeared, press spacebar to simulate typing. Yoko will control the pace at which every texts appears.
  4. Use backspace or delete to create deleting effects but you need to undo whatever you delete before pressing spacebar to show remaining characters.

Commands

  • Yoko: Teach programming like a PRO: Begins the live coding simulation.
  • Or press Cmd + shift + c (macOS) and Ctrl + shift + c (windows/linux)

Known Issues

Yoko works very well because you don't need to delete anything but if you have to delete to create some effects, make sure you undo whatever you delete before pressing spacebar to continue.

Release Notes

1.0.0 (Initial Release)

  • Introduced simulated live coding functionality
  • Added customizable typing speed
  • Implemented pause/resume feature
  • Simulate deleting and resuming systems.
  • Included support for all languages and file types
  • Added commands:
    • Start Live Coding (Ctrl + shift + c)
    • Coding (spacebar)
    • Pause/Resume

We welcome your feedback and suggestions for future improvements!

1.0.1 (update)

  • Fix multiple tabs/files bug
  • Remove retyping functionality after deleting with backspace.

1.0.2 (update)

  • Add throthling to prevent missing characters or character jumbling.
  • Make Yoko compatible for vscode web
  • Update docs

1.0.3 (update)

  • Support for incremental saving
  • Add keywords to package.json
  • adjust command:yoko for consistency to avoid "command not found" error.

Sponsorship

If you like this project, please support Ayobami Ogundiran (codingnninja) on Github.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft