tauhohe ko te JavaScript whare pukapuka i whakamahia hei hanga atanga kaiwhakamahi. Kei te whakahaerehia e Facebook me te hapori o nga kaihanga motuhake me nga pakihi.
Ma te React ka taea e nga kaiwhakawhanake te hanga taupānga tukutuku nui e kai ana i nga raraunga ka taea te huri i te waa me te kore e tono kia utaina ano te whaarangi.
E whai ana kia nui ake te korero mo te whanaketanga atanga kaiwhakamahi, kia maamaa ake te whakaaro mo to kaupapa me te whakapai ake i te rerenga raraunga i waenga i nga waahanga.
Tauhohenga toronga mo Visual Studio Ka taea e koe te awhina i a koe ki te whakarei ake i to hua whanaketanga ma te taapiri i nga ahuatanga penei i nga snippets, te raima, me nga taputapu patuiro.
Ka taea e koe te rapu i nga hapa wetereo me etahi atu raruraru i roto i to waehere, ka whakaora koe i te wa ma te tuku i te waehere boilerplate mo nga tauira React auau.
He ngawari ake te rapu me te whakatika i nga pepeke i roto i to waehere me te awhina o nga taputapu patuiro. Ma te whakamahi i nga toronga React mo te Waehere VS ka awhina koe kia pai ake koe hei kaiwhakawhanake whai hua.
I tenei pou, ka titiro ki nga taapiri React runga mo te Waehere Ataata Ataata.
1. ES7+ React/Redux/React-Native snippet
Ko tetahi o nga toronga tino rongonui i waenga React and React Maori Ko nga kaihanga ko ES7+ React/Redux/React-Native snippets.
Kei roto i te maha o nga tohutoro poto kia taea ai e nga kaiwhakawhanake te hanga i nga wahanga waehere me te wetereo mo React, Redux, GraphQL, me React Native.
Ko te mutunga, he toronga pai tenei mo te whakatere i to mahi whanaketanga. Ka taea e tenei toronga te awhina i a koe ki te penapena wa me te pai ake o to whanaketanga React.
2. Utu kawemai
Ko te Utu Kawemai tetahi atu taapiri VS Code mo nga kaihanga React. Ko te whakauru me te kawe mai i nga kete he mahi auau me te hiahia ki te whanaketanga tono React.
Heoi, i te wa e kawemai ana i nga kohinga maha, ka raru pea nga mahi. Ko te taapiri Utu Kawemai e whakaatu ana i te rahi o te kete i te wa e kawemai ana koe i te whare pukapuka ki te ētita Waehere VS, hei awhina i a koe ki te whakatau i te whakaurunga tika.
3. GitLens
Ko GitLens he toronga Waehere Ataata Ataata hei awhina i a koe ki te mohio ki te waehere. E whakarato ana i nga ahuatanga kaha hei whakarei ake i o wheako Git, penei i te arotahi waehere, nga korero whakapae, me nga tirohanga whakatairite matatau.
Ko te arotahi waehere ka taea e koe te kite i nga tohutoro waehere, nga kaituhi, me etahi atu korero nui i roto tonu i te kaiwhakatikatika, engari ko nga korero whakapae ka taea e koe te kite tere ko wai i whakarereke i tetahi rarangi waehere.
Ko nga tirohanga whakatairite matatau he ngawari ki te whakataurite i nga huringa puta noa i nga peka, mahi, me etahi atu. Ka taea e GitLens te awhina i a koe kia pai ake te mohio ki te waehere, te mahi tahi me etahi atu, me te whakapai ake i to rerengamahi Git.
4. React Utauta Maori
Ko React Native Tools he toronga Waehere Ataata Studio e whakarato ana i nga taputapu mo te patuiro me te whakawhanake i nga tono React Native.
Ka taea e koe te whakamahi i te atanga raina whakahau React Native mai i roto i te Visual Studio Code me etahi atu waahanga penei i te patuiro me te tautoko IntelliSense.
Ma te React Native Tools, ka taea e koe te whakarite i nga waahi pakaru, te tirotiro i nga taonga, me te whakamahi i te papatohu ki te patuiro i o tono React Native. Ka taea hoki te whakarato i te whakaoti waehere me etahi atu ahuatanga IntelliSense hei awhina i a koe ki te tuhi i te waehere kia tere ake, kia tika hoki.
I te katoa, ka taea e nga Utauta Maori React te hanga i to rerengamahi whanaketanga React Native kia maeneene me te pai ake.
5. Te ahua
Ko Stylelint he toronga Waehere Ataata Ataata e whakarato ana i te raima mo CSS, Sass, me te Iti. Ka awhina koe ki te tuhi i nga momo ahua rite, kounga teitei ma te tautuhi me te whakatika aunoa i nga tauira raru i roto i to waehere.
Ka taea e Stylelint te kite i nga hapa, penei i te wetereo muhu, nga tohu tohutoro e ngaro ana, me nga taurangi kaore i whakamahia, me te whakauru i nga ture ahua, penei i te nuku, nga tikanga whakaingoa, me nga rahi momotuhi.
Ma te whakamahi i te Stylelint, ka taea e koe te whakarite he pai te tuhi me te u ki nga tikanga pai o te ahumahi. Ka taea e koe te whakaora i to wa, ka pai ake te tiaki me te tauine i o pepa ahua.
6. npm IntelliSence
Ko te npm IntelliSense he toronga Waehere Visual Studio e whakarato ana i te whakaoti aunoa mo nga waahanga npm i roto i o korero kawemai.
Ka awhina koe ki te tuhi i nga korero kawemai tere ake me te iti ake o nga hapa ma te tuku whakaaro mo nga kohinga npm i a koe e pato ana.
Ka taea e tenei toronga te whakaora i to wa me te pai ake o to whanaketanga ma te whakaiti i te hiahia ki te rapu ingoa mokihi me nga nama putanga.
Ka taea hoki te awhina ki te aukati i nga hapa kawemai, penei i te pohehe, i nga kohinga kore-kore ranei, ma te tuku urupare inamata i a koe e tuhi ana i to waehere.
7. JavaScript (ES6) nga wahanga waehere
Ko nga snippets waehere JavaScript (ES6) he toronga Waehere Visual Studio e whakarato ana i nga waahanga waehere mo JavaScript. Kei roto i nga snippets mo te maha o nga tauira JavaScript noa, penei i nga mahi, nga karaehe, nga koropiko, me nga here.
Ka taea e enei mahanga te whakaora i to wa ma te whakarato i te waehere boilerplate ka taea e koe te whakamahi ki te timata i to waehere JavaScript.
Kei roto hoki i te toronga nga mokamoka mo nga ahuatanga reo JavaScript hou i whakauruhia ki roto i te ECMAScript 6 (ES6), penei i nga mahi pere, kupu tauira, me te whakakino.
Ma te whakamahi i tenei toronga ka pai ake to whanaketanga JavaScript me te whai hua.
8. JavaScript Debugger (Ia po)
Ko te JavaScript Debugger he toronga Waehere Visual Studio e whakarato ana i te tautoko patuiro mo JavaScript.
Ka taea e koe te tautuhi i nga waahi pakaru, te tirotiro i nga taurangi, me te whakamahi i te papatohu hei patuiro i to waehere JavaScript. Ma te JavaScript Debugger, ka taea e koe te tautuhi tere me te whakatika i nga raruraru i roto i to waehere, kia pai ake ai to whanaketanga me te whai hua.
Ka tautokohia e te toronga te patuiro mo te taha-kiritaki me te taha-tumau JavaScript me te whakauru ki etahi atu whare pukapuka JavaScript rongonui me nga anga, penei i React me Node.js.
I te katoa, ka taea e JavaScript Debugger he taputapu utu nui mo tetahi kaiwhakawhanake JavaScript.
9. Nga wahanga waehere ReactJS
Ko nga snippets waehere ReactJS he toronga Waehere Visual Studio e whakarato ana i nga waahanga waehere mo te whanaketanga React.
Kei roto ko nga mokamoka mo te maha o nga tauira React noa, penei i nga waahanga, nga taputapu, te ahua, me nga tikanga huringa ora. Ka taea e enei mahanga te whakaora i to wa ma te whakarato i te waehere boilerplate ka taea e koe te whakamahi kia tere ake te tiimata i to waehere React.
Kei roto ano i te toronga nga mokowhiti mo nga whare pukapuka me nga taputapu React rongonui, penei i a Redux me React Router. Ma te whakamahi i tenei toronga ka pai ake to whanaketanga React me te whai hua.
10. VSCode React Refactor
VS Code React Refactor toronga i hanga motuhake mo nga kaiwhakawhanake React. I te wa e mahi ana i nga kaupapa nui, ka uaua pea te whakatikatika.
I enei ahuatanga, ka taea e koe te whakarereke i to waehere ma te whakamahi i te VSCode React Refactor, ka wehea etahi waahanga o te waehere JSX ki nga karaehe hou, nga waahanga, me era atu.
I tua atu, ka tautokohia nga mahi noa, nga karaehe, TSX, TypeScript, me nga mahi pere.
I tua atu, ka taea e koe te whakahaere i nga ahuatanga nui me nga here mahi ma te whakamahi. He hototahi ki te Tauhohe matau API.
Opaniraa
Ka mutu, ko nga taapiri VS Code he tino painga ki nga kaiwhakawhanake na te mea ka piki ake te hua me te penapena i te waa nui. Kei ia toronga VS Code React tana ake huinga o nga ahuatanga me nga mahi.
Na, ina kua tautuhia e koe o hiahia, ka taea e koe te kowhiri i tetahi o enei toronga.
Waiho i te Reply