TutorialKit Code Extension

Status: Preview

Features

• Viewing lessons, chapters and parts in the side panel
• Creating new lessons and chapters

Installation

1. Open VS Code
2. Select Extensions in the left vertical toolbar
3. Search for tutorialkit
4. Click on Install

Description

When designing the content architecture across folders and files, we aimed to make it as plain and clear as possible. However, even the best file system organization doesn't perfectly translate to a tutorial's structure of lessons and chapters.

We wanted to make navigating between the different parts of your courseware or creating new lessons even easier than traversing a file system.

Therefore, we've built a companion Visual Studio Code extension for tutorial authors. The extension visually represents your tutorial structure and allows you to create new chapters and lessons. When you navigate through the displayed structure, the extension automatically focuses on the corresponding folders and files in your file explorer, giving you a quick way to jump to the content you want to edit.