Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>TUT DashboardNew to Visual Studio Code? Get it now.
TUT Dashboard

TUT Dashboard

Jathin Lalith Dachepalli

|
4 installs
| (0) | Free
View and open your project tutorials directly in VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

📚 TUT Dashboard

Stop switching tabs. Start learning.
TUT Dashboard is the ultimate Learning Management System built directly into VS Code. It helps you organize, track, and consume tutorials without ever leaving your editor.

Banner (Note: Authors, please add a screenshot here!)

✨ Features

1. 🏠 Project-Context Tutorials

Link tutorials specifically to your current project. When you open your project folder, the relevant tutorials, documentation, and videos appear instantly in your sidebar.

  • Auto-Detection: Recognizes YouTube videos, Documentation sites (Docs/Wiki), and standard websites.
  • Visual Icons: Color-coded icons for instant recognition (🔴 YouTube, 🔵 Docs, 🟢 Web).

2. 📄 Offline Content Fetching (New!)

Why watch a 20-minute video for 2 minutes of code?

  • Fetch Transcripts: Right-click any YouTube tutorial and select "Fetch Transcript/Content".
  • Read Offline: Instantly downloads the captions or website text to a local cache.
  • View in Editor: Open the full transcript as a read-only Markdown file right next to your code!
  • Smart Fallback: Automatically retries with different language settings if captions are tricky to find.

3. 📝 Integrated Markdown Notes

Keep your thoughts close to your code.

  • File-Based Notes: Notes are stored as standard .md files in your .tut/notes folder.
  • Full Editor Power: content is opened in the main editor, so you can use all your favorite VS Code markdown extensions, snippets, and formatting tools.
  • Auto-Sync: Saving the file automatically updates the dashboard.

4. 🌍 Global Registry

Never lose a link again. The Global View tracks every tutorial you've ever linked across all your projects. It's your personal library of knowledge.

5. ✅ Progress Tracking

  • Mark as Done: Simply toggle the checkmark to track what you've finished.
  • Visual Feedback: Completed items turn green and get a checkmark icon.

🚀 Getting Started

  1. Open the Dashboard: Click the Book Icon 📚 in the Activity Bar (left side).
  2. Add a Tutorial:
    • Click the (+) button in the dashboard.
    • OR: Select any URL in your code -> Right Click -> "Link as Project Tutorial".
  3. Fetch Content: Right-click an item -> Fetch Transcript.
  4. Take Notes: Click the Pencil Icon ✏️ on any item to start writing.

⚙️ Extension Commands

Press Ctrl+Shift+P (or Cmd+Shift+P on Mac) and type TUT:

  • TUT: Add New Tutorial: Manually add a link.
  • TUT: Link as Project Tutorial: Adds the currently selected text as a URL.
  • TUT: Fetch Transcript/Content: Downloads offline copy.
  • TUT: Toggle Progress: Mark as done/undone.
  • TUT: Refresh Dashboard: Force reload the view.

📂 Data Storage

  • Project Links: Stored in .tutorial.json in your project root. Commit this file to share resources with your team!
  • Global History: Stored in ~/.tut/registry.json (User Home Directory).
  • Notes: Stored in .tut/notes/ within your project.

Enjoy your organized learning flow! 🚀

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft