Tokie skaitytojai kaip jūs padeda palaikyti MUO. Kai perkate naudodami nuorodas mūsų svetainėje, galime uždirbti filialų komisinius.

Angular yra tvirta „JavaScript“ sistema, skirta kurti vieno puslapio programas. „Google“ sukūrė programinę įrangą ir ją prižiūri kartu su pasauliniais bendradarbiais.

Kaip ir „React“, galite naudoti „Angular“, kad sukurtumėte įvairias priekines programas, įskaitant žiniatinklio, mobiliąsias ir stalinių kompiuterių sistemas. Kai kurios pramonės šakos teikia pirmenybę Angular, nes ji yra visapusiška ir stabili.

Sužinokime daugiau apie Angular klonuodami projektą iš GitHub ir paleisdami jį vietoje.

Būtinos klonavimo sąlygos

Skirtingai nuo kitų sistemų, Angular programos klonavimas ir paleidimas yra paprastas. Klonuosite „GitHub“ projektą. Prieš pradėdami įsitikinkite, kad atitinkate šiuos reikalavimus:

  • Turėtumėte turėti įdiegtą stabilią Node.js versiją. Jei ne, mokykis kaip įdiegti Nodejs Ubuntu arba įdiegti „Nodejs“ sistemoje „Windows“..
  • Tu turėtum įdiegti „Git“..
  • Turėtumėte turėti GitHub paskyrą.
instagram viewer

1. Įdiekite Node Package Manager

Mazgo paketų tvarkyklė (npm) yra „JavaScript“ paketų programinės įrangos saugykla. npm turi CLI (Command Line Interface), kuri atlieka įvairias užduotis. Galite naudoti CLI norėdami atsisiųsti, įdiegti ir įdiegti programinę įrangą.

Kai įdiegiate Node.js, jis pateikiamas su npm paketu. Norėdami patikrinti Node.js ir npm paketo versijas, terminale paleiskite šiuos veiksmus:

Norėdami patikrinti įdiegtą Node.js versiją, išspausdinkite versiją naudodami šią komandą:

mazgas -- versija

Galite patikrinti npm versiją naudodami tą pačią parinktį:

npm -- versija

2. Įdiekite Angular CLI

Angular CLI galite naudoti įvairioms kūrimo užduotims atlikti. Užduotys apima programų generavimą, testavimą ir diegimą. Norėdami įdiegti Angular CLI, paleiskite šią komandą:

$ npm įdiegti -g @kampinis/cli

Norėdami patikrinti Angular CLI versiją, paleiskite komandą:

$ ng versija

3. Raskite projektą „GitHub“.

Jūs klonuosite Giphy replika projektas iš GitHub:

Eikite į žalią mygtuką, pažymėtą Kodas. Spustelėkite jį, kad pamatytumėte išskleidžiamąjį sąrašą. Nukopijuokite HTTP arba SSH nuorodą. Tiks bet kuris iš šių dviejų.

4. Klonuokite projektą vietoje

Pirmiausia sukurkite aplanką ir pavadinkite jį „Angular-Clone“.. Nepamirškite eiti į aplanką su šia komanda:

cd kampinis-Klonuoti

Tada paleiskite git klonas komanda, kad nukopijuotumėte projektą į aplanką.

git klonas https://github.com/Reuben-Kipkemboi/Giphy-Replica.git

Tada patikrinkite aplanką Angular-Clone, kad pamatytumėte, ar klonas Giphy-Replica yra viduje. Bėk ls kad būtų rodomas aplanko turinys:

ls

Eikite į aplanką:

cd Giphy replika

Šiuo metu galite patikrinti projekto failus pasirinktame kodų rengyklėje arba peržiūrėti juos naudodami GitHub žiniatinklio sąsają.

5. Įdiekite npm paketus

Norėdami paleisti klonuotą projektą, turite įdiegti visus paketus ir priklausomybes. Norėdami įdiegti paketus, paleiskite:

npm diegti

Jei susiduriate su pažeidžiamumo ataskaitomis, pataisykite jas naudodami:

npm audito taisymas

6. Atidarykite projektą naršyklėje

Dabar turite visus reikalavimus projektui vykdyti, galite jį paleisti ir atidaryti naršyklėje. Pradėkite nuo projekto kūrimo ir aptarnavimo:

ng tarnauti

Tada atidarykite http://localhost: 4200/ naršyklėje, kad peržiūrėtumėte projektą.

Galite naudoti Angular CLI automatiškai atidaryti projektą naršyklėje:

$ ng tarnauti -o

Ši komanda sukuria programą, paleidžia serverį ir stebi failų atnaujinimus.

Naršyklėje turėtumėte pamatyti Giphy-Replica svetainę:

Kodėl verta klonuoti kampinį projektą?

Užuot pradėję projektą nuo nulio, galite jį klonuoti iš „GitHub“. Atvirojo kodo projekto klonavimas ir modifikavimas savo reikmėms sutaupo laiko pradedant projektą nuo nulio. Jei reikia, taip pat galite pridėti bet kokių naudingų pakeitimų į ankstesnį projektą.

2021 m. paskelbta ketvirta pagal populiarumą priekinės dalies sistema, Angular ir toliau stebina su kiekvienu leidimu. Jame yra puikūs paketai, kurie palaiko vieno puslapio programų kūrimą. Naudokite šią puikią sistemą pasaulinio lygio programoms kurti.