Tādi lasītāji kā jūs palīdz atbalstīt MUO. Veicot pirkumu, izmantojot saites mūsu vietnē, mēs varam nopelnīt filiāles komisiju.

Angular ir spēcīgs JavaScript ietvars vienas lapas lietojumprogrammu izveidei. Google izstrādāja programmatūru un uztur to kopā ar atbalstītājiem visā pasaulē.

Tāpat kā React, varat izmantot Angular, lai izveidotu dažādas priekšgala lietojumprogrammas, tostarp tīmekļa, mobilās un galddatoru sistēmas. Dažas nozares dod priekšroku Angular, jo tas ir visaptverošs un stabils.

Uzzināsim vairāk par Angular, klonējot projektu no GitHub un palaižot to lokāli.

Klonēšanas priekšnosacījumi

Atšķirībā no citiem ietvariem, Angular lietojumprogrammas klonēšana un palaišana ir vienkārša. Jūs klonēsit GitHub projektu. Pirms sākat, pārliecinieties, ka atbilstat tālāk norādītajām prasībām.

  • Jums ir jābūt instalētai stabilai Node.js versijai. Ja nē, mācies kā instalēt Nodejs Ubuntu vai instalējiet Nodejs operētājsistēmā Windows.
  • Jums vajadzētu ir instalēts Git.
  • Jums ir jābūt GitHub kontam.
instagram viewer

1. Instalējiet Node Package Manager

Mezglu pakotņu pārvaldnieks (npm) ir programmatūras repozitorijs JavaScript pakotnēm. npm ir CLI (Command Line Interface), kas veic dažādus uzdevumus. Varat izmantot CLI, lai lejupielādētu, instalētu un izvietotu programmatūru.

Instalējot Node.js, tam ir npm pakotne. Lai pārbaudītu savas Node.js un npm pakotnes versijas, terminālī izpildiet tālāk norādīto.

Lai pārbaudītu instalēto Node.js versiju, izdrukājiet versiju ar šādu komandu:

mezgls -- versija

Varat pārbaudīt npm versiju, izmantojot to pašu opciju:

npm -- versija

2. Instalējiet Angular CLI

Varat izmantot Angular CLI, lai veiktu dažādus izstrādes uzdevumus. Uzdevumos ietilpst lietojumprogrammu ģenerēšana, testēšana un izvietošana. Lai instalētu Angular CLI, palaidiet šādu komandu:

$ npm instalēšana -g @stūrains/cli

Lai pārbaudītu Angular CLI versiju, palaidiet komandu:

$ ng versija

3. Atrodiet projektu vietnē GitHub

Jūs klonēsit Giphy kopija projekts no GitHub:

Pārejiet uz zaļo pogu, kas apzīmēta Kods. Noklikšķiniet uz tā, lai atvērtu nolaižamo sarakstu. Kopējiet HTTP vai SSH saiti. Derēs jebkurš no šiem diviem.

4. Klonējiet projektu lokāli

Vispirms izveidojiet mapi un nosauciet to Angular-Clone. Atcerieties doties uz mapi ar šādu komandu:

cd Angular-Klonēt

Pēc tam palaidiet git klons komandu, lai kopētu projektu savā mapē.

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

Pēc tam pārbaudiet mapi Angular-Clone, lai redzētu, vai tajā atrodas klons Giphy-Replica. Skrien ls lai parādītu mapes saturu:

ls

Pārejiet uz mapi:

cd Giphy kopija

Šajā brīdī varat pārbaudīt projekta failus izvēlētā koda redaktorā vai skatīt tos, izmantojot GitHub tīmekļa saskarni.

5. Instalējiet npm pakotnes

Lai to palaistu, jāinstalē visas pakotnes un atkarības no klonētā projekta. Lai instalētu pakotnes, palaidiet:

npm uzstādīt

Ja tiek parādīti ziņojumi par ievainojamību, izlabojiet tos, izmantojot:

npm audita labojums

6. Atveriet projektu pārlūkprogrammā

Tagad jums ir visas prasības, lai palaistu projektu, varat to palaist un atvērt pārlūkprogrammā. Sāciet ar projekta izveidi un apkalpošanu:

ng kalpot

Pēc tam atveriet http://localhost: 4200/ pārlūkprogrammā, lai skatītu projektu.

Varat izmantot Angular CLI, lai automātiski atvērtu projektu pārlūkprogrammā:

$ ng kalpot -o

Šī komanda izveido lietotni, palaiž serveri un skatās, vai faili tiek atjaunināti.

Pārlūkprogrammā jums vajadzētu redzēt Giphy-Replica vietni:

Kāpēc klonēt Angular projektu?

Tā vietā, lai sāktu projektu no nulles, varat to klonēt no GitHub. Atvērtā pirmkoda projekta klonēšana un modificēšana savām vajadzībām ietaupa laiku, sākot no jauna projekta. Ja nepieciešams, varat arī pievienot visas noderīgas izmaiņas iepriekšējā projektā.

Angular, kas tika atzīts par ceturto populārāko priekšgala sistēmu 2021. gadā, turpina pārsteigt ar katru izlaidumu. Tam ir lieliskas pakotnes, kas atbalsta vienas lapas lietojumprogrammu izstrādi. Izmantojiet šo lielisko sistēmu, lai izveidotu pasaules līmeņa lietojumprogrammas.