Web Lab Kit – VS Code Extension
Fully offline extension to insert ready-to-run code templates for web development lab experiments.
🚀 Features
- Insert entire HTML, CSS, JS, PHP, Java Servlet, JSP templates via command palette.
- Use placeholders for easy customisation.
- Quick Pick menu for browsing all templates.
📋 Available Commands
| Command |
Description |
Create College Website |
Insert college HTML homepage or external CSS |
Insert CSS Demonstration |
HTML with inline, internal, external CSS and flexbox |
Insert JavaScript Demo |
DOM manipulation, events, form interaction |
Insert PHP Form Validation (Regex) |
Full PHP form with regex validation |
Create E-commerce Starter |
Product listing with JS cart |
Insert Servlet Session Example |
Java Servlet with HttpSession |
Insert JSP Database Connectivity |
JSP + JDBC SELECT example |
Show Apache & IIS Configuration Guide |
Text guide for server setup |
Insert Web Lab Template... |
Quick Pick to choose any template |
🔧 How to Use
- Open any file in VS Code.
- Press
Ctrl+Shift+P (or Cmd+Shift+P on Mac).
- Type the command name (e.g., "Insert JavaScript Demo") or use "Insert Web Lab Template..." for full menu.
- The code is inserted at your cursor with editable placeholders.
📦 Requirements
- VS Code
1.60.0 or higher.
- No internet needed – everything is stored inside the extension.
🏗️ Development
- Clone the repo, run
npm install (no dependencies), press F5 to launch Extension Development Host.
📄 License
MIT
| |
