Taura ndiwo JavaScript raibhurari inoshandiswa kugadzira nzvimbo dzevashandisi. Inofambiswa neFacebook uye nharaunda yevanozvimiririra vanogadzira uye mabhizinesi.
React inogonesa vanogadzira kuti vagadzire mawebhu maapuro makuru anoshandisa data uye anogona kuchinja nekufamba kwenguva pasina kuda kuti peji yacho idzorerwe zvakare.
Inotsvaga kupa imwe nzira yekuzivisa yekuvandudza mushandisi, zvichiita kuti zvive nyore kufunga nezvechirongwa chako nekuvandudza kuyerera kwedata pakati pezvikamu.
React mawedzero e Visual Studio Code inogona kukubatsira kusimudzira budiriro yako nekuwedzera maficha senge snippets, lining, uye debugging maturusi.
Linting uye snippets zvese zvinogona kukubatsira kuwana zvikanganiso zvesyntax uye mamwe matambudziko mukodhi yako, zvichikuchengetera nguva nekupa boilerplate kodhi yekazhinji React mapatani.
Zvinogona kuve nyore kuwana uye kugadzirisa tsikidzi mukodhi yako nerubatsiro rwekugadzirisa maturusi. Kushandisa iyo React mawedzero eVS Code kunogona kukubatsira iwe kuti uve anoshanda uye anogadzira mugadziri wezvese.
Mune ino post, inotarisa kumusoro React addons yeVisual Studio Code.
1. ES7+ React/Redux/React-Native snippet
Imwe yeanonyanya kufarirwa ekuwedzera pakati React uye React Native Vagadziri ndeye ES7+ React/Redux/React-Native snippets.
Inosanganisira akati wandei mapfupi prefixes kugonesa vanogadzira kuvaka kodhi snippets uye syntax yeReact, Redux, GraphQL, uye React Native.
Nekuda kweizvozvo, uku ndiko kuwedzera kwakanakisa kwekukurumidzira maitiro ako ekusimudzira. Kuwedzerwa uku kunogona kukubatsira kuchengetedza nguva uye kuita kuti yako React budiriro inyatsoita.
2. Kupinza mari
Kupinza Mutengo ndeimwe VS Code addon yeReact Developers. Kuisa uye kupinza mapakeji inguva dzose uye inodiwa mashandiro muReact application kuvandudza.
Nekudaro, paunenge uchipinza akati wandei mapakeji, panogona kunge paine nyaya dzekuita. Iyo Import Cost addon inoratidza saizi yepasuru paunongopinza raibhurari muVS Code mupepeti, ichikubatsira pakuona kuisirwa kwakakodzera.
3. GitLens
GitLens ndeye Visual Studio Code yekuwedzera iyo inokubatsira iwe kunzwisisa zvirinani kodhi. Inopa maficha ane simba anowedzera yako Git zviitiko, senge kodhi lens, zvirevo zvekupomera, uye epamberi ekuenzanisa maonero.
Code lens inobvumidza iwe kuti uone mareferenzi ekodhi, vanyori, uye rumwe ruzivo rwakakosha mupepeti, nepo zvirevo zvekupomera zvinokutendera iwe nekukurumidza kuona kuti ndiani akapedzisira kugadzirisa mutsara wekodhi.
Maonero ekuenzanisa epamberi anoita kuti zvive nyore kuenzanisa shanduko mumapazi ese, kuzvipira, nezvimwe. GitLens inogona kukubatsira iwe kunzwisisa zvirinani kodhi, kushandira pamwe nevamwe, uye kugadzirisa yako Git kufambiswa kwemabasa.
4. React Native Tools
React Native Tools ndeye Visual Studio Code yekuwedzera iyo inopa maturusi ekugadzirisa uye kugadzira React Native maapplication.
Inokubvumira kushandisa React Native command-line interface zvakananga kubva mukati meVisual Studio Code uye inosanganisira mamwe maficha akadai sekugadzirisa uye IntelliSense rutsigiro.
NeReact Native Zvishandiso, unogona kuseta nzvimbo dzekuputsika, kuongorora zvinhu, uye kushandisa koni kugadzirisa yako React Native application. Inogonawo kupa kupedzwa kwekodhi uye mamwe maIntelliSense maficha ekukubatsira kunyora kodhi nekukurumidza uye nemazvo.
Pakazere, React Native Zvishandiso zvinogona kuita kuti yako React Native budiriro yekufambisa iite zvakanaka uye inoshanda zvakanyanya.
5. Styleint
Stylelint ndeye Visual Studio Code yekuwedzera iyo inopa linting yeCSS, Sass, uye Zvishoma. Inokubatsira kunyora asingachinji, emhando yepamusoro zvitaera nekuona uye kugadzirisa otomatiki maitiro ane dambudziko mukodhi yako.
Stylelint inokwanisa kuona zvikanganiso, senge syntax isiriyo, semicolons inoshaikwa, uye zvisingashandiswe zvakasiyana, pamwe nekuteedzera mitemo yemaitiro, senge indentation, maconvention ezita, uye saizi yemafonti.
Nekushandisa Stylelint, unogona kuona kuti masitayera ako akanyorwa zvakanaka uye anoomerera kuindasitiri yakanakisa maitiro. Inogona kukuchengetedza nguva uye kuita kuti masitayera ako awedzere kuchengetedzwa uye scalable.
6. npm IntelliSence
npm IntelliSense ndeye Visual Studio Code yekuwedzera iyo inopa autocomplete yenpm mamodule mune ako ekunze zvirevo.
Inogona kukubatsira kunyora zvirevo zvekunze nekukurumidza uye nezvikanganiso zvishoma nekupa mazano enpm mapakeji paunenge uchinyora.
Kuwedzerwa uku kunogona kukuchengetedza nguva uye kuita kuti budiriro yako inyatsoita nekudzikisa kukosha kwekutarisa mazita emapasuru uye nhamba dzevhezheni.
Inogonawo kubatsira kudzivirira zvikanganiso zvekunze, senge typos kana mapakeji asiripo, nekupa mhinduro nekukurumidza sezvaunonyora kodhi yako.
7. JavaScript (ES6) zvidimbu zvekodhi
JavaScript (ES6) kodhi snippets ndeye Visual Studio Code yekuwedzera inopa kodhi snippets yeJavaScript. Inosanganisira snippets kune akawanda akajairika JavaScript mapatani, senge mabasa, makirasi, zvishwe, uye zvimiso.
Aya snippets anogona kukuchengetedza nguva nekupa boilerplate kodhi yaunogona kushandisa kutanga yako JavaScript kodhi nekukurumidza.
Iyo yekuwedzera inosanganisirawo zvimedu zvezvitsva zvemutauro weJavascript zvakaunzwa muECMAScript 6 (ES6), senge mashandiro emuseve, template literals, uye destructuring.
Kushandisa iyi yekuwedzera kunogona kuita kuti JavaScript yako iwedzere kushanda uye iite.
8. JavaScript Debugger (Husiku)
JavaScript Debugger ndeye Visual Studio Code yekuwedzera iyo inopa debugging rutsigiro rweJavaScript.
Iyo inokutendera iwe kuseta mabreakpoints, kuongorora zvinoshanduka, uye shandisa iyo console kugadzirisa yako JavaScript kodhi. NeJavaScript Debugger, unogona kukurumidza kuona nekugadzirisa matambudziko mukodhi yako, zvichiita kuti budiriro yako ishande uye ishande.
Iyo yekuwedzera inotsigira kugadzirisa kune ese ari maviri mutengi-parutivi uye server-parutivi JavaScript uye inobatanidza nemamwe akakurumbira JavaScript maraibhurari nemafuremu, akadai seReact neNode.js.
Pakazere, JavaScript Debugger inogona kuve chishandiso chakakosha kune chero JavaScript kuvandudza.
9. ReactJS code snippets
ReactJS kodhi snippets ndeye Visual Studio Code yekuwedzera iyo inopa kodhi snippets yeReact budiriro.
Inosanganisira snippets kune akawanda akajairwa React mapatani, senge zvikamu, props, nyika, uye nzira dzehupenyu. Aya snippets anogona kukuchengetedza nguva nekupa boilerplate kodhi yaunogona kushandisa kutanga yako React kodhi nekukurumidza.
Iyo yekuwedzera inosanganisirawo snippets yeanozivikanwa React raibhurari uye maturusi, akadai seRedux uye React Router. Kushandisa iyi yekuwedzera kunogona kuita yako React budiriro ishande uye iite.
10. VSCode React Refactor
VS Code React Refactor yekuwedzera yakagadzirwa yakanangana neReact Developers. Paunenge uchishanda pamapurojekiti makuru, kugadzirisa zvakare kungave kwakaoma.
Mumamiriro ezvinhu aya, unogona kurongedza nyore kodhi yako uchishandisa VSCode React Refactor, iyo inoparadzanisa zvikamu zveJSX kodhi kuita makirasi matsva, zvikamu, zvichingodaro.
Pamusoro pezvo, inotsigira mabasa akajairwa, makirasi, TSX, TypeScript, uye mabasa emuseve.
Pamusoro pezvo, iwe unogona kubata akakosha hunhu uye basa rinosunga uchiishandisa. Inoenderana ne React Hooks API.
mhedziso
Chekupedzisira, VS Code yekuwedzera inobatsira zvakanyanya kune vanogadzira sezvo ivo vachiwedzera kugadzirwa uye kuchengetedza yakakosha nguva. Imwe neimwe VS kodhi React yekuwedzera ine yayo seti yezvimiro uye mashandiro.
Saka, kana watsanangura zvaunoda, unogona kusarudza chero yeaya ekuwedzera.
Leave a Reply