غبرګون دی یو د جاواسکرېپټ کتابتون د کارن انٹرفیس جوړولو لپاره کارول کیږي. دا د فیسبوک او د خپلواکو پراختیا کونکو او سوداګرۍ ټولنې لخوا پرمخ وړل کیږي.
عکس العمل پراختیا کونکو ته وړتیا ورکوي چې لوی ویب ایپسونه رامینځته کړي چې ډیټا مصرفوي او د وخت په تیریدو سره بدلیدلی شي پرته لدې چې پا pageه بیا پورته کولو ته اړتیا ولري.
دا هڅه کوي د کاروونکي انٹرفیس پراختیا ته ډیر اعالن کونکي چلند ورکړي، ستاسو د برنامه په اړه دلیل کول اسانه کوي او د اجزاو ترمینځ د معلوماتو جریان ښه کوي.
لپاره تمدید غبرګون د ویډیو سټوډیو کوډ کولی شي تاسو سره ستاسو د پرمختیایي محصولاتو لوړولو کې مرسته وکړي د ځانګړتیاوو لکه snippets، linting، او debugging tools اضافه کولو سره.
لینټینګ او سنیپیټ دواړه کولی شي ستاسو سره ستاسو په کوډ کې د نحوي غلطیو او نورو ستونزو موندلو کې مرسته وکړي ، د بار بار عکس العمل نمونو لپاره د بویلر پلیټ کوډ چمتو کولو سره ستاسو وخت خوندي کوي.
دا د ډیبګ کولو وسیلو په مرسته ستاسو په کوډ کې د بګ موندلو او حل کولو لپاره اسانه کیدی شي. د VS کوډ لپاره د عکس العمل توسیعونو کارول کولی شي تاسو سره مرسته وکړي په ټولیز ډول یو ډیر اغیزمن او تولید کونکي جوړونکي شئ.
پدې پوسټ کې به د لید سټوډیو کوډ لپاره د عکس العمل لوړ اډونونه وګورو.
1. ES7+ عکس العمل/ریډکس/د عکس العمل اصلي ټوټې
په منځ کې یو له خورا مشهور توسیعونو څخه غبرګون او غبرګون اصلي پرمخ وړونکي د ES7 + عکس العمل/ریډکس/ریکټ-نیټیټ ټوټې دي.
پدې کې ډیری لنډیز مختګونه شامل دي ترڅو پراختیا کونکو ته وړتیا ورکړي چې د عکس العمل ، ریډکس ، ګراف کیو ایل ، او اصلي عکس العمل لپاره د کوډ ټوټې او ترکیب رامینځته کړي.
د پایلې په توګه، دا ستاسو د پراختیا پروسې ګړندۍ کولو لپاره خورا ښه توسیع دی. دا تمدید کولی شي تاسو سره د وخت خوندي کولو کې مرسته وکړي او ستاسو د عکس العمل پراختیا ډیر اغیزمن کړي.
2. د وارداتو لګښت
د وارداتو لګښت د عکس العمل پراختیا کونکو لپاره د VS کوډ بل اډون دی. د کڅوړو نصب او واردول د عکس العمل غوښتنلیک پراختیا کې منظم او اړین عملیات دي.
په هرصورت، د ډیری کڅوړو واردولو پرمهال، د فعالیت مسلې شتون لري. د وارداتو لګښت اډون د کڅوړې اندازه ښیې هرڅومره ژر چې تاسو د VS کوډ مدیر کې کتابتون وارد کړئ ، تاسو سره د مناسب نصب په ټاکلو کې مرسته کوي.
3. GitLens
GitLens د بصری سټوډیو کوډ توسیع دی چې تاسو سره د کوډ په ښه پوهیدو کې مرسته کوي. دا پیاوړې ب featuresې وړاندې کوي چې ستاسو د Git تجربې ته وده ورکوي ، لکه د کوډ لینز ، ملامتي تشریحات ، او پرمختللي پرتله کولو لیدونه.
د کوډ لینز تاسو ته اجازه درکوي د کوډ حوالې، لیکوالان، او نور مهم معلومات په سمه توګه په مدیر کې وګورئ، پداسې حال کې چې د ملامتۍ تشریحات تاسو ته اجازه درکوي ژر تر ژره وګورئ چې د کوډ یوه کرښه چا بدله کړې.
د پرتله کولو پرمختللي لیدونه د څانګو ، ژمنو او نورو په اوږدو کې د بدلونونو پرتله کول اسانه کوي. GitLens کولی شي تاسو سره د کوډ په ښه پوهیدو کې مرسته وکړي، د نورو سره همکاري وکړي، او ستاسو د Git کاري فلو ته وده ورکړي.
4. د اصلي وسیلو عکس العمل
د عکس العمل اصلي وسیلې د لید سټوډیو کوډ توسیع دی چې د ریکټ اصلي غوښتنلیکونو ډیبګ کولو او پراختیا لپاره وسیلې چمتو کوي.
دا تاسو ته اجازه درکوي د عکس العمل اصلي کمانډ لاین انٹرفیس په مستقیم ډول د بصری سټوډیو کوډ څخه وکاروئ او اضافي ب featuresې پکې شاملې دي لکه د ډیبګ کولو او IntelliSense ملاتړ.
د عکس العمل اصلي وسیلو سره ، تاسو کولی شئ د وقفې نقطې تنظیم کړئ ، شیان معاینه کړئ ، او د خپل عکس العمل اصلي غوښتنلیکونو ډیبګ کولو لپاره کنسول وکاروئ. دا کولی شي د کوډ بشپړول او نور IntelliSense ب featuresې هم چمتو کړي ترڅو تاسو سره د کوډ په ګړندي او دقیق ډول لیکلو کې مرسته وکړي.
په ټولیز ډول، د غبرګون اصلي وسیلې کولی شي ستاسو د غبرګون اصلي پراختیا کاري فلو اسانه او ډیر اغیزمن کړي.
5. سټایلنټ
سټایلینټ د بصری سټوډیو کوډ توسیع دی چې د CSS، Sass، او لږ لپاره لیټینګ چمتو کوي. دا تاسو سره ستاسو په کوډ کې د ستونزې لرونکي نمونو پیژندلو او په اتوماتيک ډول حل کولو سره د ثابت ، لوړ کیفیت سټایلونو لیکلو کې مرسته کوي.
سټایلینټ کولی شي غلطۍ کشف کړي ، لکه غلط ترکیب ، ورک شوي سیمیکولونونه ، او نه کارول شوي متغیرونه ، او همدارنګه د سټایل قواعد پلي کوي ، لکه د انډینټیشن ، نومونې کنوانسیونونه ، او د فونټ اندازه.
د سټایلینټ په کارولو سره ، تاسو کولی شئ ډاډ ترلاسه کړئ چې ستاسو سټایل شیټونه ښه لیکل شوي او د صنعت غوره کړنو ته غاړه کیږدي. دا کولی شي ستاسو وخت خوندي کړي او ستاسو سټایل شیټونه نور د ساتلو وړ او د توزیع وړ کړي.
6. npm IntelliSence
npm IntelliSense د بصری سټوډیو کوډ توسیع دی چې ستاسو د وارداتو بیانونو کې د npm ماډلونو لپاره اتوماتیک چمتو کوي.
دا کولی شي تاسو سره مرسته وکړي چې د وارداتو بیانات په ګړندۍ او لږو غلطیو سره د npm کڅوړو لپاره وړاندیزونو چمتو کولو سره چې تاسو ټایپ کوئ.
دا تمدید کولی شي ستاسو وخت خوندي کړي او د بسته بندۍ نومونو او نسخو شمیرو لیدلو اړتیا کمولو سره ستاسو پراختیا نوره موثره کړي.
دا کولی شي د وارداتو غلطیو مخنیوي کې هم مرسته وکړي، لکه ټایپو یا غیر موجود کڅوړې، د سمدستي فیډبیک چمتو کولو سره چې تاسو خپل کوډ لیکئ.
7. جاواسکریپټ (ES6) کوډ ټوټې
جاواسکریپټ (ES6) کوډ ټوټې د بصری سټوډیو کوډ توسیع دی چې د جاواسکریپټ لپاره د کوډ ټوټې چمتو کوي. پدې کې د ډیری عام جاوا سکریپټ نمونو لپاره ټوټې شاملې دي، لکه افعال، ټولګي، لوپس، او شرطونه.
دا ټوټې کولی شي د بویلر پلیټ کوډ چمتو کولو سره ستاسو وخت خوندي کړي چې تاسو یې د خپل جاواسکریپټ کوډ ګړندي پیل کولو لپاره کارولی شئ.
په تمدید کې د نوي جاواسکریپټ ژبې ځانګړتیاو لپاره ټوټې هم شاملې دي چې په ECMAScript 6 (ES6) کې معرفي شوي، لکه د تیر فنکشن، د ټیمپلیټ لیټریل، او ویجاړول.
د دې توسیع کارول کولی شي ستاسو د جاواسکریپټ پراختیا ډیر اغیزمن او ګټور کړي.
8. جاواسکریپټ ډیبګر (شپه)
جاواسکریپټ ډیبګر د بصری سټوډیو کوډ توسیع دی چې د جاواسکریپټ لپاره د ډیبګ کولو ملاتړ چمتو کوي.
دا تاسو ته اجازه درکوي د وقفې نقطې تنظیم کړئ ، متغیرات معاینه کړئ ، او د خپل جاواسکریپټ کوډ ډیبګ کولو لپاره کنسول وکاروئ. د JavaScript Debugger سره، تاسو کولی شئ په چټکۍ سره په خپل کوډ کې ستونزې وپیژنئ او حل یې کړئ، ستاسو پراختیا ډیر اغیزمن او اغیزمن کوي.
تمدید د دواړو مراجعینو او سرور اړخ جاواسکریپټ لپاره د ډیبګ کولو ملاتړ کوي او د نورو مشهور جاواسکریپټ کتابتونونو او چوکاټونو سره مدغم کوي ، لکه React او Node.js.
په ټولیز ډول، جاواسکریپټ ډیبګر د هر جاواسکریپټ پراختیا کونکي لپاره ارزښتناکه وسیله کیدی شي.
9. ReactJS کوډ ټوټې
د ReactJS کوډ ټوټې د بصری سټوډیو کوډ توسیع دی چې د عکس العمل پراختیا لپاره د کوډ ټوټې چمتو کوي.
پدې کې د ډیری عام عکس العمل نمونو لپاره ټوټې شاملې دي، لکه اجزا، پروپس، ریاست، او د ژوند دورې میتودونه. دا ټوټې کولی شي د بویلر پلیټ کوډ چمتو کولو سره ستاسو وخت خوندي کړي چې تاسو یې د خپل عکس العمل کوډ ګړندي پیل کولو لپاره کارولی شئ.
په تمدید کې د مشهور عکس العمل کتابتونونو او وسیلو لپاره ټوټې هم شاملې دي ، لکه ریډکس او ریکټ روټر. د دې تمدید کارول کولی شي ستاسو د عکس العمل پراختیا ډیر اغیزمن او ګټور کړي.
10. VSCode React Refactor
د VS Code React Refactor توسیع په ځانګړي ډول د عکس العمل پراختیا کونکو لپاره رامینځته شوی. کله چې په لویو پروژو کار کول، بیا کار کول ممکن ستونزمن وي.
پدې شرایطو کې ، تاسو کولی شئ په اسانۍ سره خپل کوډ د VSCode React Refactor په کارولو سره تنظیم کړئ ، کوم چې به د JSX کوډ برخې په نوي ټولګیو ، اجزاوو او داسې نورو کې جلا کړي.
سربیره پردې ، دا د عادي افعالاتو ، ټولګیو ، TSX ، ټایپ سکریپټ ، او تیر افعال ملاتړ کوي.
سربیره پردې ، تاسو کولی شئ د دې په کارولو سره مهم ځانګړتیاوې او د فعالیت پابندونه اداره کړئ. سره مطابقت لري عکس العملونه API.
پایله
په نهایت کې ، د VS کوډ توسیع د پراختیا کونکو لپاره خورا ګټور دي ځکه چې دوی تولید زیاتوي او د پام وړ وخت خوندي کوي. د هر VS کوډ د عکس العمل توسیع خپل د ځانګړتیاو او فعالیتونو سیټ لري.
نو، یوځل چې تاسو خپلې اړتیاوې تعریف کړې، تاسو کولی شئ د دې توسیعونو څخه کوم یو غوره کړئ.
یو ځواب ورکړئ ووځي