A Visual Studio Code extension that provides quick access to predefined code templates. Insert full source code from templates like Flutter widgets, Svelte components, React apps, and more directly into your active editor.
Features
Quick Template Insertion: Insert predefined code templates with a simple command
Multiple Template Support: Comes with built-in templates for:
Movie App (React)
YT MP3 Local (Svelte)
File Selection: Choose specific files from multi-file templates
Command Palette Integration: Access templates via Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac)
Extensible: Easily add your own templates by placing files in the templates folder
Usage
Method 1: Main Template Selector
Open a file in VS Code (e.g., a .dart, .js, .jsx, or .svelte file)
Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (Mac) to open the Command Palette
Type Som STR: Insert Template
Select the template you want to insert
If the template has multiple files, select the specific file you want
The template code will be inserted at your cursor position
Method 2: Direct Template Commands
You can also directly access specific templates:
Type Som STR: Insert Movie App Template in the Command Palette
Type Som STR: Insert YT MP3 Local Template in the Command Palette
Available Templates
Movie App (React)
A complete React movie application with:
Movie browsing and search
Favorites management
Theme switching (dark/light mode)
Responsive design
Files included:
App.js - Main application component
components/Header.js - Navigation header
components/Footer.js - Footer component
components/MovieCard.js - Movie display card
pages/Home.js - Home page
pages/MovieDetails.js - Movie details page
pages/Favorites.js - Favorites page
pages/Contact.js - Contact page
utils/api.js - API utilities
utils/ThemeContext.js - Theme management
utils/FavoritesContext.js - Favorites management
YT MP3 Local (Svelte)
A Svelte-based YouTube to MP3 converter with local server: