ස්ථාවර වෙබ් පිටු හෝ ලැන්ඩින් පේජ් එකක් ඉක්මනින් සකස් කරන්න යන්න හිතන තැන, අපි සැමවිටම ෆෝල්ඩර් සකස් කිරීම, reset.css ලියීම, index.html වල මූලික markup එක ඇතුළත් කිරීම, JavaScript සම්බන්ධ කිරීම වැනි රුටිනයකට වැය කරනවා. මේ කාර්යයන්ට මිනිත්තු 5‑10ක් ගත වීම අතිශය අසාධාරණයි.
මෙම ගැටළුවට විසඳුමක් ලෙස Modern Web Starter Pack Generator නමැති VS Code දිගුවක් හඳුන්වා දී ඇත. එකම කමාන්ඩ් එකක් ක්ලික් කිරීමෙන්, පිරිසිදු, ප්රතිචාරශීලී, නිෂ්පාදන-සූදානම් ස්ථාවර වෙබ් අඩවියක් ඔබේ වැඩසටහන තුළම ස්වයංක්රීයව සකස් කරයි.
දෙවන කාලයෙහි, මෙම දිගුව සකස් කරන දේවල් මෙසේය:
- index.html – Semantic HTML5 සමඟ Header, Hero, Form, Footer වැනි කොටස් පෙරනිමි ලෙස ඇතුළත්.
- css/reset.css – බ්රවුසර අතර වෙනස්කම් අහෝසි කිරීම සඳහා සම්පූර්ණ CSS reset.
- css/style.css – CSS variable, dark theme, responsive layout block වැනි නවීන විලාසිතා සමඟ සකස් කර ඇත.
- js/main.js – අන්තර්ක්රියාත්මක JavaScript කේතයක්, ෆෝම් හසුරුවීම ඇතුළත්.
මෙම සියලුම ගොනු එකවරම ඔබේ වර්ක්ස්පේස් එකේ තැන ගනී. භාවිතා කරන ආකාරය ඉතා සරල:
- VS Code තුළ හිස් ෆෝල්ඩරයක් විවෘත කරන්න.
- Ctrl+Shift+P (macOS: Cmd+Shift+P) ඔබා Command Palette එක අරඹන්න.
- “Generate Website Template” ටයිප් කර Enter ඔබන්න.
එක් සෙකන්ඩ් කිහිපයක් තුළ ගොනු ගොඩනැගී, ඔබට කේත ලිවීමට සූදානම් වනු ඇත. මෙම දිගුව TypeScript සහ VS Code Extension API භාවිතයෙන් නිර්මාණය කර ඇති බැවින් වේගවත්, තද typing සහ අඩු පරිභෝජනයක් ගවේෂණය කරයි.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලංකාවේ තරුණ සංවර්ධකයින්, විශ්වවිද්යාල සිසුන්, කුඩා ව්යාපාරිකයින් සියලුදෙනාම වෙබ් සංවර්ධනයේ පළමු පියවර අරඹන විට මෙය මහත් උපකාරයක් වේ. එක් ක්ලික් එකෙන් පූර්ව සැකසුම් ලැබීම නිසා:
- කේත ලිවීමේ වේගය 30%‑කට වැඩි වේ.
- සමග්රහණය සහ accessibility යන නියමයන් පිළිපදින්නට පහසුය.
- කොඩ් එකේ ගුණාත්මකභාවය එකම පරිසරයකින්ම සුරක්ෂිත වේ, එයින් ඉදිරි ප්රොජෙට්ට් වලට මාරු වීම සරල වේ.
ඒ නිසා, තරුණ තාක්ෂණඥයන්ට වඩා ඉක්මනින් අදහස් පරික්ෂා කරගැනීමට, ස්ථානාත්මක වෙළඳපොළට නව නිර්මාණ ඉදිරිපත් කිරීමට, සහ ගෝලීය තාක්ෂණ ප්රවණතා සමඟ සමානව ඉදිරියට යාමට හැකියාව ලැබේ.
මෙම VS Code දිගුව භාවිතා කර ඔබේ වැඩකිරීම් වේගවත් කරගන්න. GitHub හි තාරකාවක් ලබා දී, ඔබේ අදහස්, යෝජනා හෝ කොඩ් දායකත්වය එක්කරන්න. Happy coding!
