VS code extension or a task script which generate bollerplate of file and folder

[xkeshav]

to add an tutorial we have to add part > chapter > lesson folder and and ther meta.md and content.md in lesson we must have _files _solution and then respective files for that lesson

in short this is tree

./src/content/
├── config.ts
└── tutorial
    ├── basic 
    │   ├── Introduction
    │   │   ├── 1-what-is-popover-api
    │   │   │   ├── content.md
    │   │   │   ├── _files
    │   │   │   │   └── index.html
    │   │   │   └── _solution
    │   │   │       └── index.html
    │   │   └── meta.md
    │   └── meta.md
    ├── meta.md

below are few settings in vs code which helps to see the files and folders easily

in vs code file explorer panel, there is indent setting which helps to identify which file belongs to which folder

try this is vs code wokspace settings.

project.code-workspace

{
	"settings": {
		"workbench.colorCustomizations": {
			"tree.indentGuidesStroke": "#e47a10",
			"tree.inactiveIndentGuidesStroke": "#ded7c8"
		},
               "workbench.tree.indent": 14,
               "explorer.sortOrder": "filesFirst"
      }
}

[AriPerkkio]

There is https://marketplace.visualstudio.com/items?itemName=StackBlitz.tutorialkit that does exactly this. It simplifies the tree view and allows you to quickly create lessons:

Here's example of tree view:

[recursivezero]

Yes, but missing instructions how to add lesson in readme, will raise PR for that