usabela yi JavaScript ilayibrari esetyenziselwa ukwenza ujongano lomsebenzisi. Iqhutywa nguFacebook kunye noluntu lwabaphuhlisi abazimeleyo kunye namashishini.
I-React yenza ukuba abaphuhlisi benze ii-apps ezinkulu zewebhu ezisebenzisa idatha kwaye zinokutshintsha ngokuhamba kwexesha ngaphandle kokufuna ukuba iphepha lilayishwe kwakhona.
Ifuna ukunika indlela echaza ngakumbi kuphuhliso lojongano lomsebenzisi, ikwenza kube lula ukuqiqa malunga nenkqubo yakho kunye nokuphucula ukuhamba kwedatha phakathi kwamacandelo.
Izandiso zokuphendula ze Ikhowudi ye-Visual Studio inokukunceda uphucule imveliso yakho yophuhliso ngokongeza iimpawu ezinje ngeziqwengana, ukudibanisa, kunye nezixhobo zokulungisa iimpazamo.
I-Linting kunye neziqwengana zinokukunceda zombini ukuba ufumane iimpazamo zesintaksi kunye nezinye iingxaki kwikhowudi yakho, zigcine ixesha ngokunikezela ngekhowudi ye-boilerplate yeepateni ze-React rhoqo.
Kungalula ukufumana kunye nokujongana neempazamo kwikhowudi yakho ngoncedo lwezixhobo zokucoca. Ukusebenzisa izandiso ze-React kwiKhowudi ye-VS kunokukunceda ube ngumphuhlisi osebenzayo nonemveliso ngokubanzi.
Kule post, iya kujonga iiaddon eziphezulu zeReact kwiKhowudi yeVisual Studio.
1. ES7+ React/Redux/React-Native snippet
Enye yezongezo zithandwa kakhulu phakathi Phendula kwaye Uphendule Ngomthonyama abaphuhlisi yi-ES7+ React/Redux/React-Native snippets.
Ibandakanya izimaphambili ezininzi ezimfutshane ukwenzela ukuba abaphuhlisi bakwazi ukwakha iziqwengana zekhowudi kunye nesintaksi yeReact, Redux, GraphQL, kunye neReact Native.
Ngenxa yoko, olu lulongezo olubalaseleyo lokukhawulezisa inkqubo yakho yophuhliso. Olu lwandiso lunokukunceda ugcine ixesha kwaye wenze uphuhliso lwakho lweReact lusebenze ngakumbi.
2. Iindleko zokungenisa elizweni
Iindleko zokungeniswa kwamanye amazwe yenye i-VS Code addon yabaphuhlisi beReact. Ukufaka kunye nokungenisa iipakethe ngumsebenzi oqhelekileyo nofunekayo kuphuhliso lwesicelo seReact.
Nangona kunjalo, ngelixa ungenisa iipakethe ezininzi, kunokubakho imiba yokusebenza. I-addon yeeNdleko zokuNgenisa ibonisa ubungakanani bephakheji ngokukhawuleza xa ungenisa ilayibrari kumhleli weKhowudi yeVS, ekunceda ekuqinisekiseni ukufakela okufanelekileyo.
3. GitLens
I-GitLens lulwandiso lweKhowudi yeSitudiyo esiBonakalayo ekunceda ukuba uqonde ngcono ikhowudi. Ibonelela ngeempawu ezinamandla eziphucula amava akho e-Git, njengelensi yekhowudi, amanqakwana atyholayo, kunye nokujonga uthelekiso oluphambili.
Ilensi yekhowudi ikuvumela ukuba ubone iireferensi zekhowudi, ababhali, kunye nolunye ulwazi olubalulekileyo kanye kumhleli, ngelixa izichasiselo zokugxeka zikuvumela ukuba ubone ngokukhawuleza ukuba ngubani ogqibe ukuguqula umgca wekhowudi.
Iimbono zokuthelekisa ezikwinqanaba eliphezulu zenza kube lula ukuthelekisa utshintsho kuwo wonke amasebe, ukuzinikela, kunye nokunye. I-GitLens inokukunceda uqonde ngcono ikhowudi, usebenzisane nabanye, kwaye uphucule ukuhamba kwakho kweGit.
4. React Native Tools
Izixhobo zeReact Native lulwandiso lweKhowudi yeSitudiyo esiBonakalayo esibonelela ngezixhobo zokulungisa ingxaki kunye nokuphuhlisa usetyenziso lweReact Native.
Ikuvumela ukuba usebenzise ujongano lomyalelo weReact Native ngqo ukusuka ngaphakathi kweKhowudi yeVisual Studio kwaye ibandakanya iimpawu ezongezelelweyo ezinjengokulungisa iimpazamo kunye nenkxaso ye-IntelliSense.
Ngezixhobo zeReact Native, unokuseta iindawo zokuphumla, ujonge izinto, kwaye usebenzise ikhonsoli ukulungisa ingxaki kwizicelo zakho zeReact Native. Inokubonelela ngokugqitywa kwekhowudi kunye nezinye iimpawu ze-IntelliSense ukukunceda ubhale ikhowudi ngokukhawuleza nangokuchanekileyo.
Lilonke, izixhobo zeReact Native zinokwenza uhambo lwakho lophuhliso lweReact Native lube lula kwaye lusebenze ngakumbi.
5. Styleint
I-Stylelint lulwandiso lweKhowudi ye-Visual Studio ebonelela ngokufakwa kwi-CSS, i-Sass, kunye ne-Less. Ikunceda ubhale izimbo ezingaguqukiyo, ezikumgangatho ophezulu ngokuchonga kunye nokulungisa ngokuzenzekelayo iipateni eziyingxaki kwikhowudi yakho.
I-Stylelint inokubona iimpazamo, ezifana ne-syntax engasebenziyo, iisemikholoni ezingekhoyo, kunye noguquguquko olungasetyenziswanga, kunye nokunyanzeliswa kwemithetho yesimbo, efana nokuhlenga-hlengiswa, imigaqo yokubiza amagama, kunye nobukhulu befonti.
Ngokusebenzisa i-Stylelint, unokuqinisekisa ukuba amaxwebhu akho esitayile abhalwe kakuhle kwaye abambelela kwezona ndlela zilungileyo zeshishini. Inokukongela ixesha kwaye yenze i-stylesheets zakho zigcinwe ngakumbi kwaye zihlaziywe.
6. npm IntelliSence
npm IntelliSense lulwandiso lweKhowudi yeSitudiyo esiBonakalayo esibonelela ngokugqibezela iimodyuli ze-npm kwiingxelo zakho zokungenisa elizweni.
Inokukunceda ubhale iingxelo zokungenisa elizweni ngokukhawuleza kunye neempazamo ezimbalwa ngokubonelela ngeengcebiso zeepakethe ze-npm njengoko uchwetheza.
Olu lwandiso lunokugcina ixesha kwaye lwenza uphuhliso lwakho lusebenze ngakumbi ngokunciphisa imfuno yokujonga amagama epakethe kunye namanani enguqulelo.
Inokukunceda ukuthintela iimpazamo zokungenisa, ezifana ne-typos okanye iipakethe ezingekhoyo, ngokunika ingxelo ngokukhawuleza njengoko ubhala ikhowudi yakho.
7. JavaScript (ES6) ikhowudi iziqwengana
Iziqwengana zekhowudi yeJavaScript (ES6) lulwandiso lweKhowudi yeVisual Studio ebonelela ngeziqwengana zekhowudi yeJavaScript. Ibandakanya iziqwengana zeepateni ezininzi eziqhelekileyo zeJavaScript, njengemisebenzi, iiklasi, iilophu, kunye nemiqathango.
Ezi ziqwengana zingakongela ixesha ngokubonelela ngekhowudi ye-boilerplate onokuyisebenzisa ukuqalisa ikhowudi yakho yeJavaScript ngokukhawuleza.
Ulwandiso lukwabandakanya iziqwengana zeempawu ezintsha zolwimi lweJavaScript ezifakwe kwi-ECMAScript 6 (ES6), njengemisebenzi yotolo, itemplate literals, kunye nolwakhiwo.
Ukusebenzisa olu lwandiso kunokwenza uphuhliso lwakho lweJavaScript lusebenze ngakumbi kwaye lube nemveliso.
8. IJavaScript Debugger (Ebusuku)
IJavaScript Debugger lulwandiso lweKhowudi yeVisual Studio ebonelela ngenkxaso yolungiso lweJavaScript.
Ikuvumela ukuba usete iindawo zokuphumla, ujonge izinto eziguquguqukayo, kwaye usebenzise ikhonsoli ukulungisa ingxaki yakho yekhowudi yeJavaScript. NgeJavaScript Debugger, unokuchonga ngokukhawuleza kwaye ulungise iingxaki kwikhowudi yakho, wenze uphuhliso lwakho lusebenze ngakumbi kwaye lusebenze.
Ulwandiso luxhasa ukulungisa iimpazamo kubo bobabini icala lomxhasi kunye necala leseva yeJavaScript kwaye idibanisa namanye amathala eencwadi eJavaScript adumileyo kunye nesakhelo, njengeReact kunye neNode.js.
Lilonke, iJavaScript Debugger inokuba sisixhobo esibalulekileyo kuye nawuphi na umqambi weJavaScript.
9. Iziqwengana zekhowudi yeReactJS
Iziqwengana zekhowudi yeReactJS lulwandiso lweKhowudi yeSitudiyo esiBonakalayo esibonelela ngeziqwengana zekhowudi zophuhliso lweReact.
Ibandakanya iziqwengana zeepateni ezininzi eziqhelekileyo zeReact, ezinje ngezixhobo, iipropu, ilizwe, kunye neendlela zomjikelo wobomi. Ezi ziqwengana zingakongela ixesha ngokubonelela ngekhowudi ye-boilerplate onokuyisebenzisa ukuqala ikhowudi yakho ye-React ngokukhawuleza.
Ulwandiso lukwabandakanya iziqwengana zamathala eencwadi adumileyo eReact kunye nezixhobo, ezinje ngeRedux kunye neReact Router. Ukusebenzisa olu lwandiso kunokwenza uphuhliso lwakho lweReact lusebenze ngakumbi kwaye lube nemveliso.
10. VSCode React Refactor
Ulwandiso lwe-VS Code React Refactor lwenzelwe ngokukodwa abaphuhlisi beReact. Xa kusetyenzwa kwiiprojekthi ezinkulu, ukuhlaziya kwakhona kunokuba nzima.
Kwezi meko, unokuphinda uhlengahlengise ikhowudi yakho ngokulula usebenzisa i-VSCode React Refactor, eya kwahlula iinxalenye zekhowudi ye-JSX kwiiklasi ezintsha, amacandelo, njalo njalo.
Ukongeza, ixhasa imisebenzi eqhelekileyo, iiklasi, i-TSX, i-TypeScript, kunye nemisebenzi yotolo.
Ukongeza, unokulawula iimpawu ezibalulekileyo kunye nezibophelelo zokusebenza usebenzisa yona. Iyahambelana ne Ukusabela Hooks API.
isiphelo
Okokugqibela, izandiso zeKhowudi ye-VS ziluncedo kakhulu kubaphuhlisi kuba benyusa imveliso kwaye bagcina ixesha elininzi. Ikhowudi nganye ye-VS React extension inesethi yayo yeempawu kunye nokusebenza.
Ke, xa sele uzichazile iimfuno zakho, ungakhetha naluphi na olu lwandiso.
Shiya iMpendulo