Emeghachi bụ a JavaScript Ọbá akwụkwọ eji emepụta oghere ndị ọrụ. Facebook na-elekọta ya na obodo nke ndị mmepe na azụmaahịa nọọrọ onwe ha.
Mmeghachi omume na-enyere ndị mmepe aka ịrụ nnukwu ngwa weebụ na-eri data ma nwee ike ịgbanwe ka oge na-aga na-achọghị ka ebugharịa ibe ahụ.
Ọ na-achọ ịnye ụzọ nkwuwapụta karịa maka mmepe interface onye ọrụ, na-eme ka ọ dịrị gị mfe ịtụgharị uche maka mmemme gị yana melite ogo data n'etiti akụrụngwa.
Meghachi omume ndọtị maka Ihe ngosi Visual Studio nwere ike inyere gị aka ịkwalite mmepụta mmepe gị site n'ịgbakwunye atụmatụ dị ka snippets, linting, na debugging ngwaọrụ.
Ịdekọ na snippets nwere ike inyere gị aka ịchọta mmejọ syntax na nsogbu ndị ọzọ na koodu gị, na-azọpụta gị oge site na ịnye koodu ọkụ ọkụ maka usoro mmeghachi omume ugboro ugboro.
Ọ nwere ike ị dị mfe ịchọta na dozie ahụhụ na koodu gị site na iji ngwa nbipu. Iji ndọtị React maka koodu VS nwere ike inyere gị aka ịghọ onye nrụpụta dị irè na nke na-arụpụta ihe n'ozuzu ya.
Na post a, ga-eleba anya n'elu React addons maka Visual Studio Code.
1. ES7+ React/Redux/React-Native snippet
Otu n'ime ihe ndọtị kachasị ewu ewu n'etiti Meghachi omume ma meghachi omume nwa amaala ndị mmepe bụ ES7+ React/Redux/React-Native snippets.
Ọ gụnyere ọtụtụ prefixes dị mkpụmkpụ iji mee ka ndị mmepe nwee ike wuo snippets koodu na syntax maka React, Redux, GraphQL, na React Native.
N'ihi ya, nke a bụ ezigbo ndọtị maka ime ngwa ngwa usoro mmepe gị. Mgbatị a nwere ike inyere gị aka ịchekwa oge ma mee ka mmepe React gị rụọ ọrụ nke ọma.
2. Ọnụ ego mbubata
Ọnụ ahịa mbubata bụ koodu VS ọzọ maka ndị mmepe React. Ịwụnye na mbubata ngwungwu bụ ọrụ a na-achọkarị na mmepe ngwa React.
Otú ọ dị, mgbe ị na-ebubata ọtụtụ ngwugwu, enwere ike inwe nsogbu arụmọrụ. Mbubata ọnụ ahịa addon na-egosiputa nha ngwungwu ozugbo ị bubata ọba akwụkwọ na ndezi koodu VS, na-enyere gị aka ịchọpụta nrụnye kwesịrị ekwesị.
3. GitLens
GitLens bụ mgbakwunye koodu Visual Studio na-enyere gị aka ịghọta koodu nke ọma. Ọ na-enye njiri mara ike na-eme ka ahụmịhe Git gị dịkwuo elu, dị ka oghere koodu, nkọwa ụta, na nlele ntụnyere dị elu.
Igwe oghere koodu na-enye gị ohere ịhụ ntụnyere koodu, ndị ode akwụkwọ, na ozi ndị ọzọ dị mkpa na onye editọ, ebe nkọwa ụta na-eme ka ị hụ ngwa ngwa onye mezigharịrị ahịrị koodu.
Echiche ntụnyere dị elu na-eme ka ọ dị mfe ịtụle mgbanwe n'ofe alaka, mmebe, na ndị ọzọ. GitLens nwere ike inyere gị aka ịghọta koodu nke ọma, soro ndị ọzọ na-emekọrịta ihe, ma melite usoro ọrụ Git gị.
4. Meghachi omume Ngwa ala
Ngwa Native React bụ ndọtị Visual Studio Code na-enye ngwaọrụ maka nbibi na imepe ngwa Native React.
Ọ na-enye gị ohere iji akara ahịrị React Native ozugbo sitere n'ime Visual Studio Code ma gụnye atụmatụ ndị ọzọ dị ka nbipu na nkwado IntelliSense.
Site na Ngwa Native React, ị nwere ike ịtọ ebe nkwụsịtụ, nyochaa ihe, wee jiri console mebie ngwa Native React gị. Ọ nwekwara ike ịnye mmecha koodu yana njirimara IntelliSense ndị ọzọ iji nyere gị aka ide koodu ọsọ ọsọ na nke ọma.
N'ozuzu, React Native Tools nwere ike ime ka usoro mmepe mmepe React gị dịkwuo nro ma rụọ ọrụ nke ọma.
5. Styleint
Stylelint bụ mgbakwunye koodu Visual Studio nke na-enye linting maka CSS, Sass na obere. Ọ na-enyere gị aka ide ụdị na-agbanwe agbanwe, dị elu site na ịchọpụta na idozi ụkpụrụ nsogbu na koodu gị ozugbo.
Stylelint nwere ike ịchọpụta mperi, dị ka syntax na-ezighi ezi, semicolon na-efu efu, yana mgbanwe ejighi ya, yana ịmanye iwu ụdị, dị ka ntinye aha, mgbakọ aha, na nha font.
Site na iji Stylelint, ị nwere ike hụ na edere ụdị gị nke ọma ma na-agbaso usoro kacha mma nke ụlọ ọrụ. Ọ nwere ike ịzọpụta gị oge ma mee ka mpempe akwụkwọ gị bụrụ nke a na-edobe ma na-abawanye.
6. npm IntelliSence
npm IntelliSense bụ ndọtị Visual Studio Code na-enye autocomplete maka modul npm na nkwupụta mbubata gị.
Ọ nwere ike inyere gị aka ide nkwupụta mbubata ngwa ngwa yana mperi dị ole na ole site na ịnye ntụnye maka ngwugwu npm ka ị na-apịpị.
Mgbatị a nwere ike ịzọpụta gị oge ma mee ka mmepe gị dịkwuo mma site n'ibelata mkpa ịchọ aha ngwugwu na nọmba ụdị.
Ọ nwekwara ike inye aka gbochie njehie mbubata, dị ka typos ma ọ bụ ngwugwu adịghị adị, site n'inye nzaghachi ozugbo ka ị na-ede koodu gị.
7. Javascript (ES6) koodu snippets
snippets koodu Javascript (ES6) bụ mgbakwunye Visual Studio Code na-enye snippets koodu maka Javascript. Ọ gụnyere snippets maka ọtụtụ ụkpụrụ Javascript a na-ahụkarị, dị ka ọrụ, klaasị, loops, na ọnọdụ.
Mpempe akwụkwọ ndị a nwere ike ịzọpụta gị oge site n'inye koodu ọkụ ọkụ nke ị nwere ike iji malite koodu Javascript gị ngwa ngwa.
Mgbatị ahụ gụnyekwara snippets maka njirimara asụsụ Javascript ọhụrụ ewebatara na ECMAScript 6 (ES6), dị ka ọrụ akụ, mkpụrụedemede ndebiri, na mbibi.
Iji ndọtị a nwere ike ime ka mmepe Javascript gị rụọ ọrụ nke ọma ma na-arụpụta ihe.
8. Javascript Debugger (abalị)
JavaScript Debugger bụ ndọtị Visual Studio Code na-enye nkwado nbipu maka JavaScript.
Ọ na-enye gị ohere ịtọ ebe nkwụsịtụ, nyochaa mgbanwe, wee jiri njikwa iji mebie koodu Javascript gị. Site na JavaScript Debugger, ị nwere ike ịchọpụta ngwa ngwa ma dozie nsogbu na koodu gị, na-eme ka mmepe gị dịkwuo mma ma dị irè.
Mgbakwunye ahụ na-akwado nbipu maka akụkụ ndị ahịa na akụkụ nkesa Javascript wee jikọta ya na ọba akwụkwọ Javascript ndị ọzọ ama ama na frameworks, dị ka React na Node.js.
N'ozuzu, Javascript Debugger nwere ike ịbụ ngwá ọrụ bara uru maka onye nrụpụta Javascript ọ bụla.
9. ReactJS koodu snippets
Snippets koodu ReactJS bụ mgbakwunye Visual Studio Code na-enye snippets koodu maka mmepe mmeghachi omume.
Ọ gụnyere snippets maka ọtụtụ usoro mmeghachi omume a na-ahụkarị, dị ka akụrụngwa, ihe nkwado, steeti, na ụzọ okirikiri ndụ. Mpempe akwụkwọ ndị a nwere ike ịzọpụta gị oge site n'ịnye koodu ọkụ ọkụ nke ị nwere ike iji bido koodu nzaghachi ngwa ngwa.
Mgbatị ahụ tinyekwara snippets maka ọba akwụkwọ React na ngwaọrụ ndị ama ama, dị ka Redux na React Router. Iji ndọtị a nwere ike ime ka mmepe React gị rụọ ọrụ nke ọma ma na-arụpụta ihe.
10. VSCode React Refactor
Emepụtara VS Code React Refactor ndọtị kpọmkwem maka ndị mmepe React. Mgbe ị na-arụ ọrụ na nnukwu ọrụ, nrụpụta nwere ike isi ike.
N'ọnọdụ ndị a, ị nwere ike ịhazigharị koodu gị n'ụzọ dị mfe site na iji VSCode React Refactor, nke ga-ekewa akụkụ nke koodu JSX n'ime klaasị ọhụrụ, akụrụngwa na ihe ndị ọzọ.
Na mgbakwunye, ọ na-akwado ọrụ nkịtị, klaasị, TSX, TypeScript, na ọrụ akụ.
Na mgbakwunye, ịnwere ike ijikwa njirimara dị mkpa yana njikọ ọrụ site na iji ya. Ọ dakọtara na Na -emegharị nko API.
mmechi
N'ikpeazụ, mgbakwunye VS Code na-abara ndị mmepe uru nke ukwuu ebe ọ bụ na ha na-abawanye mmepụta ma na-echekwa oge dị ukwuu. Mgbakwunye koodu VS ọ bụla nwere njirimara yana ọrụ ya.
Yabụ, ozugbo ị kọwapụtara mkpa gị, ị nwere ike họrọ nke ọ bụla n'ime ndọtị ndị a.
Nkume a-aza