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
- Open Visual Studio Code.
- Press
Ctrl+P
to open the Quick Open dialog. - Type
ext install codingnninja.yoko
to find the extension. - Click Install.
- Or search for
Yoko
in VSCode extensions navigation pan.
Usage
Open a file you want to use for your live coding session.
Activate Yoko by pressing
Ctrl+Shift+P
(orCmd+Shift+P
on macOS) then find and click “Yoko: Teach programming like a PRO”. Alternatively, simply pressCtrl+Shift+c
(orCmd+Shift+c
on macOS).After the content of your editor has disappeared, press
spacebar
to simulate typing. Yoko will control the pace at which the text appears.Use
backspace
to simulate deleting.
We welcome your feedback and suggestions for future improvements!
Thanks for reading 👍🏻.
Top comments (0)