tali o se JavaScript faletusi na fa'aaogaina e fai ai feso'ota'iga fa'aoga. O loʻo faʻatautaia e le Facebook ma se faʻalapotopotoga o tagata faʻapitoa tutoʻatasi ma pisinisi.
React e mafai ai e le au atiaʻe ona fausia ni upegatafaʻilagi tetele e faʻaaogaina ai faʻamatalaga ma e mafai ona suia i le taimi e aunoa ma le manaʻomia o le itulau e toe faʻaleleia.
O lo'o taumafai e tu'uina atu se fa'amatalaga sili atu i le atina'eina o tagata fa'aoga, fa'afaigofie ai le fa'atalanoaina o lau polokalame ma fa'aleleia le tafega o fa'amatalaga i le va o vaega.
Tali fa'aopoopo mo Visual Studio Code e mafai ona fesoasoani ia te oe e faʻaleleia lau atinaʻe gaosiga e ala i le faʻaopoopoina o foliga e pei o snippets, linting, ma mea faʻapipiʻi.
Linting ma snippets e mafai ona fesoasoani uma ia te oe e suʻe syntax mea sese ma isi faʻafitauli i lau code, faʻasaoina oe taimi e ala i le tuʻuina atu o le code boilerplate mo masani React patterns.
E mafai ona sili atu ona faigofie le suʻeina ma faʻafesoʻotaʻi faʻamaʻi i lau code faʻatasi ma le fesoasoani o meafaigaluega faʻapipiʻi. O le fa'aogaina o fa'aopoopoga o le React mo le VS Code e mafai ona fesoasoani ia te oe ia avea oe ma se tagata e sili atu ona lelei ma fa'atupuina lelei.
I lenei pou, o le a tilotilo i luga React addons mo Visual Studio Code.
1. ES7+ React/Redux/React-Native snippet
O se tasi o faʻaopoopoga sili ona lauiloa i totonu Tali ma Tali Fa'atunuu tagata atiae o ES7 + React/Redux/React-Native snippets.
E aofia ai le tele o prefix pupuu e mafai ai e tagata atiaʻe ona fausia snippets code ma syntax mo React, Redux, GraphQL, ma React Native.
O se taunuuga, o se faʻaopoopoga sili lea mo le faʻanatinatiina o lau atinaʻe. O lenei fa'aopoopoga e mafai ona fesoasoani ia te oe e fa'asaoina le taimi ma fa'aleleia atili ai lau atina'e React.
2. Tau fa'aulufale mai
Tau Fa'aulufale mai o le isi VS Code addon mo React developers. O le fa'apipi'iina ma le fa'aulufaleina o afifi ose fa'agaioiga masani ma mana'omia ile atina'eina ole talosaga ole React.
Ae ui i lea, a'o fa'aulufale mai nisi o afifi, e mafai ona i ai fa'afitauli fa'atinoga. O le fa'aopoopo o le Tau o Fa'aulufale e fa'aalia ai le tele o le afifi i le taimi lava e te fa'aulufaleina mai ai le faletusi i le VS Code editor, e fesoasoani ia te oe i le fuafuaina o le fa'apipi'i talafeagai.
3. GitLens
GitLens o se faʻaopoopoga Visual Studio Code e fesoasoani ia te oe e malamalama atili ai i le code. O lo'o tu'uina mai ai fa'amatalaga mamana e fa'aleleia atili ai ou aafiaga Git, e pei o tioata fa'atonu, fa'amatalaga tu'ua'i, ma fa'atusatusaga fa'atusa.
O le tioata fa'ailoga e mafai ai ona e va'ai i fa'asinomaga, tusitala, ma isi fa'amatalaga taua i totonu o le fa'atonu, a'o fa'amatalaga tu'ua'i e vave va'ai ai po'o ai mulimuli na suia se laina fa'ailoga.
O va'aiga fa'atusatusaga maualuluga e fa'afaigofie ai ona fa'atusatusa suiga i lala, ta'utinoga, ma isi mea. GitLens e mafai ona fesoasoani ia te oe ia malamalama atili i le code, galulue faʻatasi ma isi, ma faʻaleleia lau faʻasologa o galuega Git.
4. React Native Tools
React Native Tools o se fa'aopoopoga o le Visual Studio Code e maua ai mea faigaluega mo le fa'asalaina ma le atina'eina o React Native applications.
E fa'atagaina oe e fa'aoga sa'o le React Native command-line interface mai totonu o le Visual Studio Code ma e aofia ai fa'aopoopoga fa'aopoopo e pei o le fa'ailoga ma le IntelliSense lagolago.
Fa'atasi ai ma React Native Tools, e mafai ona e tu'u fa'amavae, siaki mea, ma fa'aoga le fa'amafanafanaga e fa'aleaga ai au talosaga React Native. E mafai fo'i ona tu'uina atu le fa'amae'aina o fa'ailoga ma isi fa'ailoga IntelliSense e fesoasoani ai ia te oe e tusi vave ma sa'o le fa'ailoga.
Aotelega, e mafai e React Native Tools ona fa'alelei ma sili atu le lelei o lau galuega fa'atupuina ole React Native.
5. Style
O le Stylelint o se faʻaopoopoga o le Visual Studio Code e maua ai le faʻaogaina o le CSS, Sass, ma le Itiiti. E fesoasoani ia te oe e tusi sitaili faifai pea, maualuga maualuga e ala i le faailoaina ma faʻapipiʻi otometi faʻafitauli faʻafitauli i lau code.
E mafai e Stylelint ona iloa mea sese, e pei ole syntax le aoga, semikolo misi, ma fesuiaiga e le'i fa'aogaina, fa'apea fo'i ma le fa'amalosia o tulafono, e pei o le fa'ailoga, fa'aigoa fa'aigoa, ma le tele o vai.
I le fa'aogaina o le Stylelint, e mafai ai ona e fa'amautinoaina o lau sitaili e lelei ona tusia ma fa'amaualuga i faiga fa'apisinisi e sili ona lelei. E mafai ona fa'asaoina lou taimi ma fa'alelei atili ma fa'alautele au sitaili.
6. npm IntelliSence
npm IntelliSense o se Visual Studio Code faʻaopoopoga e maua ai le autocomplete mo npm modules i au faʻamatalaga faʻaulufale mai.
E mafai ona fesoasoani ia te oe e tusi vave faʻamatalaga faʻaulufale mai ma faʻaitiitia mea sese e ala i le tuʻuina atu o fautuaga mo npm afifi aʻo e taina.
O lenei fa'aopoopoga e mafai ona fa'asaoina lou taimi ma fa'aleleia atili lau atina'e e ala i le fa'aitiitia o le mana'oga e su'e igoa o afifi ma numera o fa'asologa.
E mafai fo'i ona fesoasoani e puipuia mea sese mai fafo, e pei o typos po'o afifi e le o iai, e ala i le tu'uina atu o fa'amatalaga vave a'o e tusia lau code.
7. Javascript (ES6) code snippets
Javascript (ES6) code snippets o se Visual Studio Code faʻaopoopoga e maua ai faʻamatalaga code mo JavaScript. E aofia ai snippets mo le tele o mamanu JavaScript masani, e pei o galuega, vasega, matasele, ma tuutuuga.
O nei snippets e mafai ona faʻasaoina oe taimi e ala i le tuʻuina atu o le code boilerplate e mafai ona e faʻaogaina e amata vave ai lau code JavaScript.
O le fa'aopoopoga o lo'o aofia ai fo'i snippets mo fa'amatalaga fou o le gagana JavaScript ua fa'aofiina i le ECMAScript 6 (ES6), e pei o le arrow functions, template literals, ma le fa'aleagaina.
O le faʻaaogaina o lenei faʻaopoopoga e mafai ona faʻaleleia atili ai lau atinaʻe JavaScript ma aoga.
8. JavaScript Debugger (po)
JavaScript Debugger o se faʻaopoopoga Visual Studio Code e maua ai le faʻaogaina o le lagolago mo JavaScript.
E fa'ataga ai oe e fa'atulaga ni va'aiga, su'esu'e suiga, ma fa'aoga le fa'amafanafanaga e debug lau code JavaScript. Faatasi ai ma le JavaScript Debugger, e mafai ona e vave iloa ma faʻaleleia faʻafitauli i lau code, faʻaleleia atili ma aoga lau atinaʻe.
O le faʻaopoopoga e lagolagoina le faʻapipiʻiina mo JavaScript-itu-ma-aumau ma faʻatasi ma isi faletusi JavaScript lauiloa ma faʻavae, e pei o React ma Node.js.
Aotelega, JavaScript Debugger e mafai ona avea ma meafaigaluega taua mo soʻo se tagata faʻapipiʻi JavaScript.
9. snippets code ReactJS
ReactJS code snippets o se Visual Studio Code faʻaopoopoga lea e maua ai faʻamatalaga code mo le atinaʻeina o React.
E aofia ai snippets mo le tele o faʻataʻitaʻiga masani React, e pei o vaega, mea faʻapitoa, setete, ma metotia o le olaga. O nei snippets e mafai ona faʻasaoina oe taimi e ala i le tuʻuina atu o le code boilerplate e mafai ona e faʻaogaina e amata vave ai lau React code.
O le faʻaopoopoga e aofia ai foʻi snippets mo faletusi lauiloa React ma meafaigaluega, pei ole Redux ma React Router. O le fa'aogaina o lenei fa'aopoopoga e mafai ai ona fa'aleleia atili ma fa'aola lau atina'e React.
10. VSCode React Refactor
VS Code React Refactor faʻaopoopoga na faia faʻapitoa mo React developers. Pe a galue i galuega tetele, e ono faigata le toe fa'aleleia.
I nei tulaga, e faigofie ona e toe faʻatulagaina lau code e faʻaaoga ai le VSCode React Refactor, lea o le a vavaeeseina ai vaega o le JSX code i vasega fou, vaega, ma isi.
E le gata i lea, e lagolagoina galuega masani, vasega, TSX, TypeScript, ma arrow galuega.
E le gata i lea, e mafai ona e pulea uiga taua ma faʻaogaina faʻaoga faʻaaogaina. E fetaui ma le Tali matau API.
iʻuga
Ma le mea mulimuli, VS Code faʻaopoopoga e matua aoga tele i tagata atiaʻe talu ai latou te faʻateleina le gaosiga ma faʻasaoina se taimi tele. O VS code React faʻaopoopoga taʻitasi e iai lana lava seti o foliga ma galuega.
O lea la, a uma ona e faʻamalamalamaina ou manaʻoga, e mafai ona e filifilia soʻo se tasi o nei faʻaopoopoga.
Tuua se tali