-
Notifications
You must be signed in to change notification settings - Fork 102
-
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"
}
}Beta Was this translation helpful? Give feedback.
All reactions
Replies: 1 comment 1 reply
-
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:
Beta Was this translation helpful? Give feedback.
All reactions
-
❤️ 1
-
Yes, but missing instructions how to add lesson in readme, will raise PR for that
Beta Was this translation helpful? Give feedback.