DEV Community

Ayobami Ogundiran
Ayobami Ogundiran

Posted on

Yoko: Live coding without really coding.

An animated example of using Yoko to simulate real live coding

Yoko

Yoko is a VSCode extension 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.

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 Integration: Seamlessly works with VSCode's built-in undo and redo features.

  • Multi-language Support: Compatible with all programming languages and text files supported by VSCode.

You can also use backspace to delete characters by the last line of your documents but use delete anywhere else to create some effects.

  • Support modifier keys

Yoko doesn’t allow you to press alphabets or numbers but you can still use modifier keys like ctrl, cmd, delete, alt etc., to uncomment, comment, delete, highlight and so on to simulate real experience.

  • Support the filter pan

You can use the filter pan as usual.

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 VSCode 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 the text appears.

  4. Use backspace to simulate deleting.

We welcome your feedback and suggestions for future improvements!

Thanks for reading 👍🏻.

Top comments (0)