WebCodeBox – Code Editor & IDE
දැන්වීම් අඩංගුයයෙදුම-තුළ මිලදී ගැනීම්
සියලුදෙනටාම
info
500+
බාගැනීම්
මෙම යෙදුම ගැන
WebCodeBox සමඟ වෙබ් සංවර්ධනය සඳහා ඔබේ ජංගම උපාංගය ජංගම IDE එකක් බවට පත් කරන්න. ඔබ වෘත්තීය මෘදුකාංග ඉංජිනේරුවෙකු වුවද, වැඩසටහන්කරණය ඉගෙන ගන්නා ශිෂ්යයෙකු වුවද, හෝ නව රාමු සමඟ කටයුතු කරන විනෝදාංශකරුවෙකු වුවද, WebCodeBox ඔබට ඔබේ සාක්කුවෙන් කෙලින්ම වෙබ් ව්යාපෘති ලිවීමට, සම්පාදනය කිරීමට සහ පෙරදසුන් කිරීමට හැකියාව ලබා දෙයි.
ඔබ ඔබේ පරිගණකයෙන් ඈත්ව සිටින විට විශිෂ්ට අදහස් ලිස්සා යාමට ඉඩ දීම නවත්වන්න—ඕනෑම තැනක, ඕනෑම වේලාවක වෙබය ගොඩනැගීම ආරම්භ කරන්න.
🚀 ඔබේ සාක්කුවේ නවීන රාමු
WebCodeBox වඩාත් ජනප්රිය නවීන වෙබ් රාමු සඳහා ඩෙස්ක්ටොප් පන්තියේ ධාවන කාල පරිසරයක් සපයයි. සංවර්ධනය කරන්න:
ප්රතික්රියා කරන්න සහ ප්රතික්රියා කරන්න TS: TypeScript සහාය ඇතිව සංරචක සාදන්න.
Vue 3: තනි ගොනු සංරචක (.vue) භාවිතයෙන් නවීන UI කේත කරන්න.
Svelte 5: ඔබගේ දුරකථනයේ ධාවන වල නවීන ප්රතික්රියාශීලීත්වය අත්විඳින්න.
Angular 21: ව්යුහගත කෝණික යෙදුම් ගොඩනඟා පරීක්ෂා කරන්න.
SolidJS සහ Preact: සම්මත ප්රතික්රියාවට වේගවත්, සියුම් විකල්ප.
වැනිලා JS/TS සහ HTML/CSS: සම්මත ස්ක්රිප්ටින්, ප්රතිචාරාත්මක පිරිසැලසුම් නිර්මාණය සහ මූලික තර්කනය සඳහා සරල, පිරිසිදු පරිසරයන්.
💻 අන්තර්ක්රියාකාරී පර්යන්තය සහ පැකේජ කළමනාකරණය
සිමුලේටඩ් අන්තර්ක්රියාකාරී පර්යන්තයක් සමඟ ගමනේ දී බාහිර පුස්තකාල කළමනාකරණය කරන්න:
npm යැපුම් සහාය: ඔබේ package.json තුළ සෘජුවම පුස්තකාල එකතු කිරීමට සහ ඉවත් කිරීමට npm i හෝ npm අස්ථාපනය වැනි විධාන ක්රියාත්මක කරන්න.
npx ද්විමය ක්රියාත්මක කිරීම: ඔබේ දේශීය ගොනු ව්යුහයට ස්වයංක්රීයව UI කේත කොටස් ජනනය කිරීම සඳහා ටර්මිනලයේ shadcn හෝ Chakra UI CLI වැනි CLI ද්විමය ක්රියාත්මක කරන්න.
දේශීය ෂෙල් උපයෝගිතා: ඔබේ අතථ්ය ගොනු පද්ධතියට සැරිසැරීමට ls, cat, clear සහ තවත් බොහෝ විධාන භාවිතා කරන්න.
🌐 සම්බන්ධ වී සහයෝගයෙන් කටයුතු කරන්න: ප්රජා සංග්රහය ගවේෂණය කරන්න
නිර්මාණකරුවන්ගේ ගෝලීය ක්රීඩා පිටියකට සම්බන්ධ වන්න:
ඔබේ කේතය ප්රකාශයට පත් කරන්න: ඔබේ නිර්මාණ, සැකිලි සහ අන්තර්ක්රියාකාරී ස්ක්රිප්ට් සෘජුවම ප්රජා සංග්රහයට බෙදා ගන්න.
බ්රවුස් කරන්න සහ ක්ලෝන් කරන්න: වෙනත් සංවර්ධකයින් විසින් ප්රකාශයට පත් කරන ලද පොදු ව්යාපෘති බලන්න සහ අධ්යයනය කිරීමට හෝ වෙනස් කිරීමට තනි ක්ලික් කිරීමකින් ඒවා ඔබේ දේශීය වැඩබිමට ක්ලෝන් කරන්න.
කැමති සහ අදහස් දක්වන්න: ප්රතිපෝෂණ ලබා දීමෙන් සහ ඔබේ ප්රියතම නිර්මාණ වලට කැමති වීමෙන් අනෙකුත් ක්රමලේඛකයින් සමඟ සම්බන්ධ වන්න.
🛠️ සංවර්ධක-පළමු සංස්කාරක විශේෂාංග
IDE නිර්මාණය කර ඇත්තේ ජංගම ටයිප් කිරීම සහ නිදොස්කරණය හැකි තරම් ස්වාභාවික කිරීමටයි:
අභිරුචි සින්ටැක්ස් තේමා: ඩ්රැකියුලා, කොබෝල්ට්2, වන් ඩාර්ක්, නයිට් බකමූණ, සයිබර්පන්ක් සහ ඇමතීස්ට් ඇතුළු වාරික සංස්කාරක තේමා සමඟ ඔබේ පරිසරය අභිරුචිකරණය කරන්න.
Atom ද්රව්ය ගොනු අයිකන: ඔබේ දේශීය ගොනු සඳහා හඳුනාගත හැකි, උසස් තත්ත්වයේ ගොනු අයිකන සමඟ ඔබේ වැඩබිම සංවිධානය කරන්න.
අභිරුචි සංවර්ධක යතුරුපුවරුව: විශේෂිත, අඩු පැතිකඩ කෙටිමං තීරුවක් සමඟ වරහන් සහ ක්රියාකරුවන් ({}, [],>, /, ;, ටැබ්) ඉක්මනින් ඇතුළු කරන්න.
උසස් රෝග විනිශ්චය කොන්සෝලය: නැමිය හැකි ධූරාවලි වස්තු ගස් පරීක්ෂක සහ ස්වදේශීය හැඟීම් console.table() විදැහුම්කරණය ඇතුළත් අභිරුචි සංවර්ධක කොන්සෝලයක් සමඟ අගයන් පරීක්ෂා කරන්න.
ස්මාර්ට් කේත එතුම සහ අකුරු පාලන: සියලු ප්රමාණයේ තිරවල ප්රශස්ත කියවීමේ හැකියාව සඳහා අකුරු ප්රමාණය සහ කේත එතීම ක්ෂණිකව සකසන්න.
💾 වලාකුළු සමමුහුර්තකරණය සහ නොබැඳි-පළමු නිර්මාණය
ඔබේ ජාල තත්ත්වය නොසලකා බාධාවකින් තොරව ක්රියා කරන්න:
දේශීය දත්ත සමුදා ගබඩාව: ඔබේ වැඩබිම් ගොනු සහ ෆෝල්ඩර එකතු කිරීම් ඔබේ උපාංගයේ දේශීය දත්ත සමුදායකට සුරකින අතර, ඔබට සම්පූර්ණයෙන්ම නොබැඳි ලෙස කේතනය කිරීමට සහ සම්පාදනය කිරීමට ඉඩ සලසයි.
ආරක්ෂිත වලාකුළු උපස්ථය: උපාංග හරහා ඔබේ ව්යාපෘති දත්ත සමමුහුර්ත කිරීමට ගිණුමක් සාදන්න. ඔබ උපාංග වෙනස් කරන විට හෝ නැවත පූරණය කරන විට ඔබේ කේතය සංරක්ෂණය කෙරේ.
ෆෝල්ඩර එකතු කිරීම්: ඔබේ උපකරණ පුවරුව සංවිධානාත්මකව තබා ගැනීම සඳහා ඔබේ කොටස්, සැලසුම් සහ සැකිලි පිරිසිදු ෆෝල්ඩරවලට කාණ්ඩ කරන්න.
🎯 පරිපූර්ණයි:
යන ගමන් HTML, CSS, JavaScript, TypeScript සහ නවීන රාමු ඉගෙනීම.
ප්රතිචාරාත්මක පිරිසැලසුම්, සජීවිකරණ සහ UI අංග මූලාකෘති කිරීම.
සංකීර්ණ ඇල්ගොරිතම, API ඒකාබද්ධ කිරීම් සහ කේත තර්කනය පරීක්ෂා කිරීම.
🌟 Pro ප්රවේශය අගුළු හරින්න
අවධානය වෙනතකට යොමු නොවන පරිසරයක් භුක්ති විඳීමට WebCodeBox සංවර්ධනයට සහාය වන්න:
දැන්වීම් බිඳීම් ඉවත් කරන්න.
සියලුම වාරික සංස්කාරක සින්ටැක්ස් තේමාවන් වෙත ප්රවේශය අගුළු හරින්න.
අභිරුචි npm පැකේජ ස්ථාපනය කිරීමට අනුකරණය කරන ලද පර්යන්තය සක්රීය කරන්න.
ගමනේ යෙදෙන අතරතුර වෙබය කේත කරන්න, ධාවනය කරන්න සහ ගවේෂණය කරන්න. අදම WebCodeBox බාගත කර ඔබේ සංවර්ධන පරිසරය ඔබේ සාක්කුවේ තබා ගන්න.
ඔබ ඔබේ පරිගණකයෙන් ඈත්ව සිටින විට විශිෂ්ට අදහස් ලිස්සා යාමට ඉඩ දීම නවත්වන්න—ඕනෑම තැනක, ඕනෑම වේලාවක වෙබය ගොඩනැගීම ආරම්භ කරන්න.
🚀 ඔබේ සාක්කුවේ නවීන රාමු
WebCodeBox වඩාත් ජනප්රිය නවීන වෙබ් රාමු සඳහා ඩෙස්ක්ටොප් පන්තියේ ධාවන කාල පරිසරයක් සපයයි. සංවර්ධනය කරන්න:
ප්රතික්රියා කරන්න සහ ප්රතික්රියා කරන්න TS: TypeScript සහාය ඇතිව සංරචක සාදන්න.
Vue 3: තනි ගොනු සංරචක (.vue) භාවිතයෙන් නවීන UI කේත කරන්න.
Svelte 5: ඔබගේ දුරකථනයේ ධාවන වල නවීන ප්රතික්රියාශීලීත්වය අත්විඳින්න.
Angular 21: ව්යුහගත කෝණික යෙදුම් ගොඩනඟා පරීක්ෂා කරන්න.
SolidJS සහ Preact: සම්මත ප්රතික්රියාවට වේගවත්, සියුම් විකල්ප.
වැනිලා JS/TS සහ HTML/CSS: සම්මත ස්ක්රිප්ටින්, ප්රතිචාරාත්මක පිරිසැලසුම් නිර්මාණය සහ මූලික තර්කනය සඳහා සරල, පිරිසිදු පරිසරයන්.
💻 අන්තර්ක්රියාකාරී පර්යන්තය සහ පැකේජ කළමනාකරණය
සිමුලේටඩ් අන්තර්ක්රියාකාරී පර්යන්තයක් සමඟ ගමනේ දී බාහිර පුස්තකාල කළමනාකරණය කරන්න:
npm යැපුම් සහාය: ඔබේ package.json තුළ සෘජුවම පුස්තකාල එකතු කිරීමට සහ ඉවත් කිරීමට npm i හෝ npm අස්ථාපනය වැනි විධාන ක්රියාත්මක කරන්න.
npx ද්විමය ක්රියාත්මක කිරීම: ඔබේ දේශීය ගොනු ව්යුහයට ස්වයංක්රීයව UI කේත කොටස් ජනනය කිරීම සඳහා ටර්මිනලයේ shadcn හෝ Chakra UI CLI වැනි CLI ද්විමය ක්රියාත්මක කරන්න.
දේශීය ෂෙල් උපයෝගිතා: ඔබේ අතථ්ය ගොනු පද්ධතියට සැරිසැරීමට ls, cat, clear සහ තවත් බොහෝ විධාන භාවිතා කරන්න.
🌐 සම්බන්ධ වී සහයෝගයෙන් කටයුතු කරන්න: ප්රජා සංග්රහය ගවේෂණය කරන්න
නිර්මාණකරුවන්ගේ ගෝලීය ක්රීඩා පිටියකට සම්බන්ධ වන්න:
ඔබේ කේතය ප්රකාශයට පත් කරන්න: ඔබේ නිර්මාණ, සැකිලි සහ අන්තර්ක්රියාකාරී ස්ක්රිප්ට් සෘජුවම ප්රජා සංග්රහයට බෙදා ගන්න.
බ්රවුස් කරන්න සහ ක්ලෝන් කරන්න: වෙනත් සංවර්ධකයින් විසින් ප්රකාශයට පත් කරන ලද පොදු ව්යාපෘති බලන්න සහ අධ්යයනය කිරීමට හෝ වෙනස් කිරීමට තනි ක්ලික් කිරීමකින් ඒවා ඔබේ දේශීය වැඩබිමට ක්ලෝන් කරන්න.
කැමති සහ අදහස් දක්වන්න: ප්රතිපෝෂණ ලබා දීමෙන් සහ ඔබේ ප්රියතම නිර්මාණ වලට කැමති වීමෙන් අනෙකුත් ක්රමලේඛකයින් සමඟ සම්බන්ධ වන්න.
🛠️ සංවර්ධක-පළමු සංස්කාරක විශේෂාංග
IDE නිර්මාණය කර ඇත්තේ ජංගම ටයිප් කිරීම සහ නිදොස්කරණය හැකි තරම් ස්වාභාවික කිරීමටයි:
අභිරුචි සින්ටැක්ස් තේමා: ඩ්රැකියුලා, කොබෝල්ට්2, වන් ඩාර්ක්, නයිට් බකමූණ, සයිබර්පන්ක් සහ ඇමතීස්ට් ඇතුළු වාරික සංස්කාරක තේමා සමඟ ඔබේ පරිසරය අභිරුචිකරණය කරන්න.
Atom ද්රව්ය ගොනු අයිකන: ඔබේ දේශීය ගොනු සඳහා හඳුනාගත හැකි, උසස් තත්ත්වයේ ගොනු අයිකන සමඟ ඔබේ වැඩබිම සංවිධානය කරන්න.
අභිරුචි සංවර්ධක යතුරුපුවරුව: විශේෂිත, අඩු පැතිකඩ කෙටිමං තීරුවක් සමඟ වරහන් සහ ක්රියාකරුවන් ({}, [],>, /, ;, ටැබ්) ඉක්මනින් ඇතුළු කරන්න.
උසස් රෝග විනිශ්චය කොන්සෝලය: නැමිය හැකි ධූරාවලි වස්තු ගස් පරීක්ෂක සහ ස්වදේශීය හැඟීම් console.table() විදැහුම්කරණය ඇතුළත් අභිරුචි සංවර්ධක කොන්සෝලයක් සමඟ අගයන් පරීක්ෂා කරන්න.
ස්මාර්ට් කේත එතුම සහ අකුරු පාලන: සියලු ප්රමාණයේ තිරවල ප්රශස්ත කියවීමේ හැකියාව සඳහා අකුරු ප්රමාණය සහ කේත එතීම ක්ෂණිකව සකසන්න.
💾 වලාකුළු සමමුහුර්තකරණය සහ නොබැඳි-පළමු නිර්මාණය
ඔබේ ජාල තත්ත්වය නොසලකා බාධාවකින් තොරව ක්රියා කරන්න:
දේශීය දත්ත සමුදා ගබඩාව: ඔබේ වැඩබිම් ගොනු සහ ෆෝල්ඩර එකතු කිරීම් ඔබේ උපාංගයේ දේශීය දත්ත සමුදායකට සුරකින අතර, ඔබට සම්පූර්ණයෙන්ම නොබැඳි ලෙස කේතනය කිරීමට සහ සම්පාදනය කිරීමට ඉඩ සලසයි.
ආරක්ෂිත වලාකුළු උපස්ථය: උපාංග හරහා ඔබේ ව්යාපෘති දත්ත සමමුහුර්ත කිරීමට ගිණුමක් සාදන්න. ඔබ උපාංග වෙනස් කරන විට හෝ නැවත පූරණය කරන විට ඔබේ කේතය සංරක්ෂණය කෙරේ.
ෆෝල්ඩර එකතු කිරීම්: ඔබේ උපකරණ පුවරුව සංවිධානාත්මකව තබා ගැනීම සඳහා ඔබේ කොටස්, සැලසුම් සහ සැකිලි පිරිසිදු ෆෝල්ඩරවලට කාණ්ඩ කරන්න.
🎯 පරිපූර්ණයි:
යන ගමන් HTML, CSS, JavaScript, TypeScript සහ නවීන රාමු ඉගෙනීම.
ප්රතිචාරාත්මක පිරිසැලසුම්, සජීවිකරණ සහ UI අංග මූලාකෘති කිරීම.
සංකීර්ණ ඇල්ගොරිතම, API ඒකාබද්ධ කිරීම් සහ කේත තර්කනය පරීක්ෂා කිරීම.
🌟 Pro ප්රවේශය අගුළු හරින්න
අවධානය වෙනතකට යොමු නොවන පරිසරයක් භුක්ති විඳීමට WebCodeBox සංවර්ධනයට සහාය වන්න:
දැන්වීම් බිඳීම් ඉවත් කරන්න.
සියලුම වාරික සංස්කාරක සින්ටැක්ස් තේමාවන් වෙත ප්රවේශය අගුළු හරින්න.
අභිරුචි npm පැකේජ ස්ථාපනය කිරීමට අනුකරණය කරන ලද පර්යන්තය සක්රීය කරන්න.
ගමනේ යෙදෙන අතරතුර වෙබය කේත කරන්න, ධාවනය කරන්න සහ ගවේෂණය කරන්න. අදම WebCodeBox බාගත කර ඔබේ සංවර්ධන පරිසරය ඔබේ සාක්කුවේ තබා ගන්න.
යාවත්කාලීන කළේ
ආරක්ෂාව ඇරඹෙනුයේ සංවර්ධකයන් ඔබේ දත්ත රැස් කර බෙදා ගන්නා ආකාරය අනුවය. දත්ත රහස්යතා හා ආරක්ෂා පරිචයන් ඔබේ භාවිතය, කලාපය හා වයස අනුව වෙනස් විය හැක. සංවර්ධකයා විසින් මෙම තොරතුරු සැපයූ අතර කලින් කලට ඒවා යාවත්කාලීන කරනු ලැබිය හැක.
අලුත් මොනවාද
- Bug Fixes and Optimizations
- Angular support added
- Console Input added
- Live Preview for Explore added
- Angular support added
- Console Input added
- Live Preview for Explore added
යෙදුම් සහය
සංවර්ධක පිළිබඳව
Vedant Ganesh Zade
zedlabs@zohomail.in
FLAT NO. 101,1ST FLOOR PITRU CHHAYA WARJE
Pune, Maharashtra 411058
India
