Using the VS Code auto-type plugin

When creating coding videos, it can be helpful to automate coding tasks for recording purposes. You can do that in Visual Studio Code with the VSCode auto-type plugin.

Begin by installing the plugin. Then follow the steps below.

Steps

1. Create a directory named .auto-type in the project folder

2. Create one or more .txt files in the .auto-type folder in the following format

   file: scripts/app.js
   line: 46
   align: top
   ---
   ↓↓↓↓↓↓↓⇥
       if (!app.selectedCities) {
         app.selectedCities = [];
       }↓↓⇥
       app.selectedCities.push({key: key, label: label});
       app.saveSelectedCities();

3. Name the files using a format like 001-getting-started.txt, 002-step1.txt and so forth.

4. Cmd + Shift + T+ R to reset
5. Cmd + Shift + T+ P to play