„Windows 11“ „React“: viskas, ką reikia žinoti

Įdiekite „React“ sistemoje „Windows 11“ naudodami „Node.js“.

Jei „React“ dar nesate naujokas, tai yra viena geriausių sąsajų plėtros technologija, atvirojo kodo „JavaScript“ biblioteka, skirta žiniatinklio programų vartotojo sąsajoms kurti. Kai kurie mūsų skaitytojai neseniai paprašė sužinoti apie

Windows 11 Reakcijoje.

Šiame straipsnyje mes jums pasakysime viską, ką reikia žinoti apie „Windows 11“ sistemoje „React“, įskaitant tai, kaip įdiegti React.js „Windows 11“ kompiuteryje.

Šiame straipsnyje

• Ar galiu įdiegti „React“ sistemoje „Windows 11“?
• Kaip įdiegti React.js sistemoje „Windows 11“?
•  1. Įdiekite Node.js iš oficialios svetainės
• 2. Įdiekite React.js naudodami scenarijaus žymą HTML
• Ar galiu „React“ atkurti „Windows 11“?

Ar galiu įdiegti „React“ sistemoje „Windows 11“?

Taip, „React“ galite įdiegti „Windows 11“. „React“ yra „JavaScript“ biblioteka, kurią galima naudoti su bet kuria „JavaScript“ palaikančia operacine sistema.

Tačiau norint įdiegti „React“ sistemoje „Windows 11“, reikia atsisiųsti ir įdiegti papildomą programinę įrangą –Node.js ir Mazgo paketų tvarkyklė (npm)- iš „GitHub“, kurie yra būtini, kad „React“ tinkamai veiktų jūsų „Windows 11“ kompiuteryje.

Node.js yra „JavaScript“ vykdymo aplinka, leidžianti paleisti „JavaScript“ kodą ne žiniatinklio naršyklėje npm yra Node.js paketų tvarkyklė, leidžianti vartotojams lengvai įdiegti ir tvarkyti tokius paketus kaip Reaguoti.

Kaip įdiegti React.js sistemoje „Windows 11“?

 1. Įdiekite Node.js iš oficialios svetainės

1. Atidarykite naršyklę ir apsilankykite oficiali Node.js svetainė.
2. Pasirinkite „Windows Installer“. Norėdami automatiškai atsisiųsti 64 bitų diegimo programą arba rankiniu būdu atsisiųsti 32 bitų diegimo programą.
3. Kai atsisiuntimas bus baigtas, dukart spustelėkite failą, kad paleistumėte diegimo programą.
4. Vykdykite ekrane pateikiamus nurodymus, kad užbaigtumėte diegimą.
5. Dabar paspauskite Windows + X klavišus, kad atidarytumėte Greiti nustatymai Meniu. Pasirinkite Terminalas (administratorius) iš sąrašo.
6. Teksto lauke paleiskite šią komandą ir paspauskite Įeikite: npx Create-react-app my-react-app
7. Tai sukurs a nauja React programa aplanke pavadinimu: mano programa
8. Tada eikite į Reaguoti programą ir įveskite cd my-app, kad pakeistumėte dabartinį katalogą į naujausią React programos aplanką.
9. Dabar paleiskite toliau pateiktą komandą, kad paleistumėte programą „React“: npm pradžia 
10. Tai paleis programą jūsų kompiuteryje numatytoji naršyklė.

Vykdydami šią komandą, dabar jūsų „Windows 11“ kompiuteryje turėtų veikti veikiantis „React“ projektas. Jei susidursite su kokia nors problema su PowerShell, peržiūrėkite mūsų ekspertų vadovą, kad greitai išspręstumėte.

Skaitykite daugiau apie šią temą

• CAA30194 „Microsoft Team“ klaidos kodas: kaip jį ištaisyti
• „Windows Migration Assistant“ neveikia? Ištaisykite 7 veiksmais

2. Įdiekite React.js naudodami scenarijaus žymą HTML

1. Norėdami įdiegti, atlikite 1 metode nurodytus veiksmus Node.js „Windows 11“ kompiuteryje.
2. Atidarykite a teksto redaktorius programa, pvz Užrašų knygelė arba Visual Studio kodas ir sukurti a naujas HTML failą.
3. Išsaugokite failą naudodami a .html plėtinys, (my-react-app.html).
4. Pridėkite šias scenarijaus žymas prie HTML failo antraštės skyriaus:
5. Pridėti scenarijaus žyma po pirmiau minėtų dviejų scenarijaus žymų HTML faile.
6. Apibrėžkite savo React komponentą naudodami JavaScript.
7. Jūsų kūno dalyje HTML failą, pridėkite a div elementas su ID "root":
8. Dabar išsaugokite HTML failą ir atidarykite jį numatytojoje naršyklėje.

Teisingai vykdydami instrukcijas naudodami scenarijaus žyma HTML, turėtumėte pamatyti Sveiki, Reaguokite! rodomas puslapyje. Štai kaip įdiegti React.js „Windows 11“ kompiuteryje.

Ar galiu „React“ atkurti „Windows 11“?

Taip, techniškai įmanoma atkurti vizualinę „Windows 11“ išvaizdą ir kai kurias funkcijas „React“.

Tačiau norėdami tai pasiekti, turėsite suskaidyti įvairius komponentus ir vaizdinius elementus Operacinė sistema ir sukurkite juos naudodami „React“ komponentus.

Tai apimtų projektavimą ir įgyvendinimą Windows 11 valdymo sistema, užduočių juosta, pradžios meniu, sistemos dėklas ir kiti vartotojo sąsajos elementai.

Tikimės, kad šiame straipsnyje pateikti metodai padėjo įdiegti React.js sistemoje „Windows 11“. Jei susidursite su a modulis nerastas: nepavyko išspręsti react-router-dom, peržiūrėkite mūsų išsamų vadovą, kad išspręstumėte problemą.

Jei turite klausimų ar pasiūlymų, nedvejodami naudokite toliau pateiktą komentarų skyrių.