Typing Mirror is a VS Code extension that opens a code file on the right as a reference and gives the user an empty editor on the left to type into.
As the user types, the reference editor tracks progress:
typed matching text is dimmed in the reference file
the next character is highlighted
the reference editor scrolls along with progress
spacing and line-break differences are tolerated
comments are visible but skipped, including //, #, /* ... */, and Python triple-quoted comment blocks
the typing editor keeps syntax highlighting without auto-inserting matching (), {}, [], quotes, or backticks
text that truly diverges from the reference is highlighted in the typing editor
Use
Open this folder in VS Code.
Press F5 to launch an Extension Development Host.
In the new VS Code window, open any code file.
Run Typing Mirror: Start From Current File from the Command Palette, click the preview icon in the editor title bar, right-click in the editor, or right-click a file in Explorer.
Type in the empty editor on the left while the original file stays visible on the right.
The extension can also auto-start when a code file is opened if you enable typingMirror.autoStartOnOpen.
Settings
typingMirror.autoStartOnOpen: starts automatically when a code file is opened. Defaults to false.
typingMirror.maxAutoStartFileSizeKb: skips very large files for automatic starts. Defaults to 512.
