React යනු ජාවාස්ක්රිප්ට් පරිශීලක අතුරුමුහුණත් නිර්මාණය කිරීමට භාවිතා කරන පුස්තකාලය. එය පවත්වාගෙන යනු ලබන්නේ Facebook සහ ස්වාධීන සංවර්ධකයින් සහ ව්යාපාර ප්රජාවක් විසිනි.
ප්රතික්රියා මඟින් දත්ත පරිභෝජනය කරන විශාල වෙබ් යෙදුම් තැනීමට සංවර්ධකයින්ට හැකි වන අතර පිටුව නැවත පූරණය කිරීමට අවශ්ය නොවී කාලයත් සමඟ වෙනස් විය හැකිය.
එය පරිශීලක අතුරුමුහුණත් සංවර්ධනය සඳහා වඩාත් ප්රකාශන ප්රවේශයක් ලබා දීමට උත්සාහ කරයි, ඔබේ වැඩසටහන ගැන තර්ක කිරීම පහසු කරවන අතර සංරචක අතර දත්ත ප්රවාහය වැඩි දියුණු කරයි.
සඳහා ප්රතික්රියා දිගු දෘශ්ය ශබ්දාගාර කේතය ස්නිපෙට්, ලින්ටින්, සහ දෝශ නිරාකරණ මෙවලම් වැනි විශේෂාංග එකතු කිරීමෙන් ඔබේ සංවර්ධන ඵලදායිතාව ඉහළ නැංවීමට ඔබට උදවු කළ හැක.
Linting සහ snippets යන දෙකම ඔබට ඔබේ කේතයේ ඇති සින්ටැක්ස් වැරදි සහ වෙනත් ගැටළු සොයා ගැනීමට උදවු කරයි, නිතර ප්රතික්රියා රටා සඳහා බොයිලේරු තහඩු කේතය සැපයීමෙන් ඔබේ කාලය ඉතිරි කරයි.
දෝශ නිරාකරණ මෙවලම් ආධාරයෙන් ඔබේ කේතයේ දෝෂ සොයා ගැනීම සහ ඒවාට විසඳුම් සෙවීම සරල විය හැක. VS කේතය සඳහා ප්රතික්රියා දිගු භාවිතා කිරීම සමස්තයක් ලෙස වඩාත් ඵලදායී සහ ඵලදායී සංවර්ධකයෙකු වීමට ඔබට උපකාර කළ හැක.
මෙම සටහනේදී, විෂුවල් ස්ටුඩියෝ කේතය සඳහා ඉහළම ප්රතික්රියා ඇඩෝන දෙස බලනු ඇත.
1. ES7+ React/Redux/React-Native snippet
අතර වඩාත් ජනප්රිය දිගු වලින් එකකි ප්රතික්රියා කර ප්රතික්රියා කරන්න සංවර්ධකයින් යනු ES7+ React/Redux/React-Native snippets වේ.
React, Redux, GraphQL සහ React Native සඳහා සංවර්ධකයින්ට කේත කොටස් සහ වාක්ය ඛණ්ඩ සෑදීමට හැකි කිරීම සඳහා කෙටිකතා උපසර්ග කිහිපයක් එයට ඇතුළත් වේ.
එහි ප්රතිඵලයක් වශයෙන්, මෙය ඔබේ සංවර්ධන ක්රියාවලිය වේගවත් කිරීම සඳහා විශිෂ්ට දිගුවකි. මෙම දිගුව ඔබට කාලය ඉතිරි කර ගැනීමට සහ ඔබේ ප්රතික්රියා සංවර්ධනය වඩාත් කාර්යක්ෂම කිරීමට උපකාරී වේ.
2. ආනයන වියදම
ආයාත පිරිවැය ප්රතික්රියා සංවර්ධකයින් සඳහා වන තවත් VS කේත ඇඩෝනයකි. ප්රතික්රියා යෙදුම් සංවර්ධනයේදී පැකේජ ස්ථාපනය කිරීම සහ ආනයනය කිරීම සාමාන්ය සහ අවශ්ය මෙහෙයුමකි.
කෙසේ වෙතත්, පැකේජ කිහිපයක් ආනයනය කිරීමේදී, කාර්ය සාධන ගැටළු ඇති විය හැක. ආනයන වියදම් ඇඩෝනය ඔබ VS කේත සංස්කාරකයේ පුස්තකාලය ආයාත කළ වහාම පැකේජ ප්රමාණය පෙන්වයි, සුදුසු ස්ථාපනය තීරණය කිරීමට ඔබට සහාය වේ.
3. GitLens
GitLens යනු ඔබට කේතය වඩා හොඳින් තේරුම් ගැනීමට උපකාර වන Visual Studio කේත දිගුවකි. එය කේත කාච, දෝෂාරෝපණය විවරණ, සහ උසස් සැසඳීමේ දසුන් වැනි ඔබේ Git අත්දැකීම් වැඩිදියුණු කරන ප්රබල විශේෂාංග සපයයි.
කේත කාචය මඟින් ඔබට කේත යොමු කිරීම්, කතුවරුන් සහ වෙනත් වැදගත් තොරතුරු සංස්කාරකය තුළම දැකීමට ඉඩ සලසයි, දෝෂාරෝපණය අනුසටහන් මඟින් ඔබට කේත පේළියක් අවසන් වරට වෙනස් කළේ කවුරුන්ද යන්න ඉක්මනින් බැලීමට ඉඩ සලසයි.
උසස් සංසන්දනාත්මක දසුන් ශාඛා, කැපවීම් සහ තවත් දේ හරහා වෙනස්කම් සංසන්දනය කිරීම පහසු කරයි. GitLens ඔබට කේතය වඩා හොඳින් තේරුම් ගැනීමට, අන් අය සමඟ සහයෝගයෙන් කටයුතු කිරීමට සහ ඔබේ Git කාර්ය ප්රවාහය වැඩිදියුණු කිරීමට උදවු කළ හැක.
4. ප්රතික්රියා ස්වදේශීය මෙවලම්
ප්රතික්රියා ස්වදේශීය මෙවලම් යනු විෂුවල් ස්ටුඩියෝ කේත දිගුවක් වන අතර එය ප්රතික්රියා ස්වදේශීය යෙදුම් නිදොස් කිරීම සහ සංවර්ධනය කිරීම සඳහා මෙවලම් සපයයි.
එය ඔබට විෂුවල් ස්ටුඩියෝ කේතය තුළ සිට සෘජුවම React Native විධාන-රේඛා අතුරුමුහුණත භාවිතා කිරීමට ඉඩ සලසයි සහ නිදොස්කරණය සහ IntelliSense සහාය වැනි අමතර විශේෂාංග ඇතුළත් වේ.
ප්රතික්රියා ස්වදේශීය මෙවලම් සමඟින්, ඔබට බිඳුම් ලක්ෂ්ය සැකසීමට, වස්තු පරීක්ෂා කිරීමට සහ ඔබේ ප්රතික්රියා ස්වදේශීය යෙදුම් නිදොස් කිරීමට කොන්සෝලය භාවිත කළ හැක. එය ඔබට වඩාත් ඉක්මනින් සහ නිවැරදිව කේතය ලිවීමට උදවු කිරීමට කේත සම්පූර්ණ කිරීම සහ අනෙකුත් IntelliSense විශේෂාංග සැපයිය හැක.
සමස්තයක් වශයෙන්, ප්රතික්රියා ස්වදේශීය මෙවලම් මඟින් ඔබේ ප්රතික්රියා ස්වදේශීය සංවර්ධන කාර්ය ප්රවාහය සුමට හා කාර්යක්ෂම කළ හැක.
5. මෝස්තරය
Stylelint යනු CSS, Sass, සහ Less සඳහා linting සපයන Visual Studio Code දිගුවකි. එය ඔබගේ කේතයේ ගැටළුකාරී රටා හඳුනාගෙන ස්වයංක්රීයව නිවැරදි කිරීම මගින් ස්ථාවර, උසස් තත්ත්වයේ මෝස්තර ලිවීමට ඔබට උදවු කරයි.
Stylelint හට වලංගු නොවන වාක්ය ඛණ්ඩ, අතුරුදහන් වූ අර්ධ කෝල සහ භාවිතයට නොගත් විචල්ය වැනි දෝෂ හඳුනා ගත හැකි අතර, ඉන්ඩෙන්ටේෂන්, නම් කිරීමේ සම්මුතීන් සහ අකුරු ප්රමාණයන් වැනි විලාස නීති බලාත්මක කළ හැක.
Stylelint භාවිතා කිරීමෙන්, ඔබේ මෝස්තර පත්ර හොඳින් ලියා ඇති බව සහ කර්මාන්තයේ හොඳම භාවිතයන් පිළිපදින බව සහතික කර ගත හැක. එය ඔබේ කාලය ඉතිරි කර ගත හැකි අතර ඔබේ මෝස්තර පත්ර වඩාත් නඩත්තු කළ හැකි සහ පරිමාණය කළ හැකි බවට පත් කළ හැකිය.
6. npm IntelliSence
npm IntelliSense යනු ඔබේ ආයාත ප්රකාශවල npm මොඩියුල සඳහා ස්වයං සම්පුර්ණ කිරීම සපයන Visual Studio කේත දිගුවකි.
ඔබ ටයිප් කරන විට npm පැකේජ සඳහා යෝජනා ලබා දීමෙන් ඔබට ඉක්මනින් සහ අඩු දෝෂ සහිතව ආයාත ප්රකාශ ලිවීමට ඔබට උදවු කළ හැක.
මෙම දිගුව මඟින් පැකේජ නම් සහ අනුවාද අංක සෙවීමේ අවශ්යතාවය අඩු කිරීමෙන් ඔබේ කාලය ඉතිරි කර ගැනීමට සහ ඔබේ සංවර්ධනය වඩාත් කාර්යක්ෂම කිරීමට හැකි වේ.
ඔබ ඔබේ කේතය ලියන විට ක්ෂණික ප්රතිපෝෂණ ලබා දීමෙන් යතුරු ලියන දෝෂ හෝ නොපවතින පැකේජ වැනි ආයාත දෝෂ වළක්වා ගැනීමට ද එය උදවු කළ හැක.
7. JavaScript (ES6) කේත කොටස්
JavaScript (ES6) කේත කොටස් යනු JavaScript සඳහා කේත කොටස් සපයන Visual Studio කේත දිගුවකි. ශ්රිත, පන්ති, ලූප සහ කොන්දේසි වැනි බොහෝ පොදු ජාවාස්ක්රිප්ට් රටා සඳහා ස්නිපට් ඇතුළත් වේ.
මෙම කොටස් වලට ඔබගේ JavaScript කේතය ඉක්මනින් ආරම්භ කිරීමට භාවිතා කළ හැකි බොයිලේරු තහඩු කේතය ලබා දීමෙන් ඔබගේ කාලය ඉතිරි කර ගත හැක.
ECMAScript 6 (ES6) හි හඳුන්වා දුන් ඊතල ශ්රිත, අච්චු වචන සහ විනාශ කිරීම වැනි නව ජාවාස්ක්රිප්ට් භාෂා විශේෂාංග සඳහා ස්නිපට් ද දිගුවට ඇතුළත් වේ.
මෙම දිගුව භාවිතා කිරීමෙන් ඔබේ ජාවාස්ක්රිප්ට් සංවර්ධනය වඩාත් කාර්යක්ෂම සහ ඵලදායී කළ හැක.
8. JavaScript නිදොස්කරණය (රාත්රී)
ජාවාස්ක්රිප්ට් නිදොස්කරණය යනු ජාවාස්ක්රිප්ට් සඳහා නිදොස් කිරීමේ සහාය සපයන විෂුවල් ස්ටුඩියෝ කේත දිගුවකි.
එය ඔබට බිඳුම් ලක්ෂ්ය සැකසීමට, විචල්යයන් පරීක්ෂා කිරීමට සහ ඔබේ ජාවාස්ක්රිප්ට් කේතය නිදොස් කිරීමට කොන්සෝලය භාවිතා කිරීමට ඉඩ සලසයි. ජාවාස්ක්රිප්ට් නිදොස්කරණය සමඟින්, ඔබට ඉක්මනින් ඔබේ කේතයේ ගැටලු හඳුනාගෙන ඒවා විසඳාගත හැකි අතර, ඔබේ සංවර්ධනය වඩාත් කාර්යක්ෂම සහ ඵලදායී කරයි.
දිගුව සේවාලාභී පාර්ශ්වයේ සහ සේවාදායක පාර්ශවයේ ජාවාස්ක්රිප්ට් යන දෙකටම නිදොස්කරණයට සහය වන අතර React සහ Node.js වැනි අනෙකුත් ජනප්රිය JavaScript පුස්තකාල සහ රාමු සමඟ ඒකාබද්ධ වේ.
සමස්තයක් වශයෙන්, JavaScript Debugger ඕනෑම JavaScript සංවර්ධකයෙකු සඳහා වටිනා මෙවලමක් විය හැක.
9. ReactJS කේත කොටස්
ReactJS කේත කොටස් යනු ප්රතික්රියා සංවර්ධනය සඳහා කේත කොටස් සපයන විෂුවල් ස්ටුඩියෝ කේත දිගුවකි.
සංරචක, මුක්කු, තත්වය සහ ජීවන චක්ර ක්රම වැනි බොහෝ පොදු ප්රතික්රියා රටා සඳහා කොටස් එයට ඇතුළත් වේ. මෙම කොටස් වලට ඔබේ ප්රතික්රියා කේතය ඉක්මනින් ආරම්භ කිරීමට භාවිතා කළ හැකි බොයිලේරු තහඩු කේතය ලබා දීමෙන් ඔබේ කාලය ඉතිරි කර ගත හැක.
දිගුවේ ජනප්රිය ප්රතික්රියා පුස්තකාල සහ Redux සහ React Router වැනි මෙවලම් සඳහා කොටස් ද ඇතුළත් වේ. මෙම දිගුව භාවිතා කිරීමෙන් ඔබේ ප්රතික්රියා සංවර්ධනය වඩාත් කාර්යක්ෂම සහ ඵලදායී කළ හැක.
10. VSCode ප්රතික්රියා ප්රතික්රියාකාරකය
VS කේත ප්රතික්රියා ප්රතික්රියාකාරක දිගුව විශේෂයෙන් ප්රතික්රියා සංවර්ධකයින් සඳහා නිර්මාණය කරන ලදී. විශාල ව්යාපෘතිවල වැඩ කරන විට, නැවත සකස් කිරීම අපහසු විය හැකිය.
මෙම තත්වයන් තුළ, ඔබට පහසුවෙන් VSCode React React Refactor භාවිතයෙන් ඔබේ කේතය නැවත සකස් කළ හැක, එය JSX කේතයේ කොටස් නව පන්ති, සංරචක සහ වෙනත් දේවලට වෙන් කරයි.
අතිරේකව, එය සාමාන්ය කාර්යයන්, පන්ති, TSX, TypeScript සහ ඊතල කාර්යයන් සඳහා සහය දක්වයි.
අතිරේකව, ඔබට එය භාවිතයෙන් වැදගත් ලක්ෂණ සහ ක්රියාකාරී බන්ධන කළමනාකරණය කළ හැකිය. සමග අනුකූල වේ ප්රතික්රියා කොකු API.
නිගමනය
අවසාන වශයෙන්, VS කේත දිගුවන් සංවර්ධකයින්ට අතිශයින්ම ප්රයෝජනවත් වන්නේ ඒවා ඵලදායිතාව වැඩි කරන අතර සැලකිය යුතු කාලයක් ඉතිරි කරන බැවිනි. සෑම VS කේත ප්රතික්රියා දිගුවකටම තමන්ගේම විශේෂාංග සහ ක්රියාකාරීත්වයන් ඇත.
එබැවින්, ඔබ ඔබේ අවශ්යතා නිර්වචනය කළ පසු, ඔබට මෙම ඕනෑම දිගුවක් තෝරාගත හැක.
ඔබමයි