Izskaidrots leņķiskais komandrindas interfeiss

Leņķiskais ir cieši saistīts ar tā komandrindas saskarni (CLI). CLI racionalizē Angular failu sistēmas ģenerēšanu. Tas attiecas uz lielāko daļu aizkadra konfigurācijas, lai izstrādātāji varētu sākt kodēšanu. CLI ir arī zema mācīšanās līkne, kas ieteicama visiem jaunpienācējiem, kuri vēlas ielēkt tieši iekšā. Heck, pat pieredzējuši Angular izstrādātāji paļaujas uz CLI!

Uzstādīšana

Leņķa CLI nepieciešams Node.js un Node Packet Manager (NPM). Jūs varat pārbaudīt šo programmu ar termināļa komandu: node -v; npm -v. Kad uzstādītas, atveriet terminālu un instalēt Stūra CLI ar šo komandu: npm install -g @angular/cli. To var izpildīt no jebkuras vietas jūsu sistēmā. CLI ir konfigurēts globālai lietošanai ar -gkarodziņu.

Pārbaudiet CLI ir tur ar komandu: ng -v. Tādējādi tiek izvadītas vairākas informācijas rindas. Vienā no šīm rindām norāda instalētās CLI versiju.

Atzīst, ka tas ngir CLI pamatelements. Visas jūsu komandas sāksies ar ng. Laiks aplūkot četras visbiežāk sastopamās komandas, kas pievienotas prefiksam ng.

Galvenās komandas

  • jauns
  • kalpo
  • ģenerēt
  • ng būvēt
  • atjauninājums

Galvenie termini katram no tiem ir diezgan daudzskaidri. Kopā tie ietver to, kas jums būs nepieciešams, lai sasniegtu leņķi ar leņķi. Protams, ir daudz vairāk. Visas komandas ir izklāstītas CLI GitHub dokumentācijā1. Jūs, visticamāk, atradīsit, ka iepriekš uzskaitītās komandas aptvers nepieciešamās bāzes.

jauns

ng newizveido jaunu Angular failu sistēmu. Tas ir sirreāls process. Lūdzu, dodieties uz faila atrašanās vietu, kas nepieciešama jaunai lietojumprogrammu ģenerēšanai. Šo komandu Ierakstiet šādi, aizstājot [name-of-app]ar ko jūs vēlaties: ng new [name-of-app].

Parādīsies failu sistēma zem mapes [name-of-app]. Jūtieties brīvi izpētīt, kas slēpjas. Centieties vēl neveikt nekādas izmaiņas. Viss, kas jums nepieciešams, lai palaistu savu pirmo Angular lietojumprogrammu, tiek iepakots kopā šajā izveidotajā failu sistēmā.

kalpo

Lai palaistu lietojumprogrammu, ng servekomanda jāizpilda [name-of-app]mapē. To darīs jebkur mapē. Leņķa CLI ir jāatzīst, ka tas atrodas vidē, kas izveidota ar ng new. Tas darbosies ar nosacījumu, ka ir viens nosacījums. Iet uz priekšu un mēģināt to: ng serve.

Pēc noklusējuma lietojumprogramma darbojas 4200. portā. Programmu Angular var apskatīt, pārejot uz localhost:4200jebkuru tīmekļa pārlūkprogrammu. Stūrveida darbi visās pārlūkprogrammās. Ja vien neizmantojat vecu Internet Explorer versiju, tiks parādīta lietojumprogramma. Tas parāda oficiālo leņķisko logotipu kopā ar noderīgu saišu sarakstu.

Labi, programma darbojas. Cerams, ka tas darbojas, bet jums jāzina, kas notiek zem pārsega. Atskatieties atpakaļ uz [name-of-app]failu sistēmu. Pārvietoties [name-of-app] -> src -> app. Tajā atrodas faili, kas ir atbildīgi par redzēto localhost:4200.

ģenerēt

Par .componentfaili definētu Stūra komponentu, ieskaitot tās loģika ( .ts), stils ( .css), izkārtojumu ( .html) un (testēšanas .spec.ts). app.module.tsĪpaši izceļas. Šīs divas failu grupas kopā darbojas kā componentun module. Abi componentun moduleir divi atsevišķi leņķisko shēmu piemēri. Shēmas klasificē dažādus ar mērķi ģenerētus koda blokus, kas ģenerējami ar ng generate.

Šī raksta labad saprotiet, ka moduleaktīvi tiek eksportēti un importēti uz pamatkomponentu koku un no tā. A componentproblēma attiecas uz vienu lietotāja saskarnes sadaļu. Šīs vienības loģika, stils, izkārtojums un testēšana paliek iekapsulēta dažādos .componentfailos.

Attiecībā uz ng generatešo komandu var ģenerēt skeletus katrai pieejamai leņķa shēmai2. Virzieties uz [name-of-app -> src -> app]. Mēģiniet radot jaunu componentizpildot: ng generate component [name-of-component]. Nomainiet [name-of-component]ar visu, ko vēlaties. Tiks parādīts jauns fails [name-of-component]kopā ar nepieciešamajiem componentfailiem.

Var redzēt, ka ng generatepaātrina Angular katla plāksnes kodu. ng generatearī vada lietas uz augšu. Leņķisko failu sistēmas kontekstā izveidotās shēmas savienojas ar sistēmas saknes moduli. Šajā gadījumā tas būtu app.module.tsfails iekšpusē [name-of-app -> src -> app].

ng būvēt

Leņķiskais ir priekšgala rīks. CLI veic savas darbības priekšējās daļas vārdā. ng serverūpējas par aizmugures servera iestatīšanu. Tas ļauj attīstībai pilnībā koncentrēties uz priekšējo daļu. Tas nozīmē, ka jābūt iespējai savienot arī savu aizmuguri ar Angular lietojumprogrammu.

ng buildizpilda šo vajadzību. Pirms izmēģināt to failu sistēmā. Virzieties uz [name-of-app] -> angular.json. Meklējiet šo vienu rindiņu kodu: "outputPath": "dist/my-app".

Šī viena konfigurācijas līnija nosaka, kur tiek ng buildizmesti tās rezultāti. Rezultāti ir visa Angular lietojumprogramma, kas apkopota vienā mapē dist/my-app. Šīs mapes iekšpusē pastāv index.html. Var izmantot visu Angular lietojumprogrammu index.html. No ng servešejienes nav nepieciešams. Izmantojot šo failu, jūs varat viegli savienot aizmuguri.

Dodiet tai iet: ng build. Atkal tas jāizpilda Angular failu sistēmā. Pamatojoties uz galveno vērtību “outputPath:”, kas angular.json. Ģenerēs failu, kurā sākotnējais pieteikums ir pilnībā apkopots. Ja jūs tur “outputPath:”pats, apkopota piemērošana būs: [name-of-app] -> dist -> [name-of-app].

atjauninājums

Leņķiskā klienta atjauninājumā veiciet visu leņķa un npm pakotņu automātisko atjaunināšanu uz jaunākajām versijām.

Šeit ir sintakse un opcijas, kuras var izmantot ng update.

ng update [package]

Iespējas

  • sausā režīmā --dry-run (alias: -d)

    Skrien cauri, neveicot nekādas izmaiņas.

  • spēks --force

    Ja vērtība ir nepatiesa, kļūda tiks parādīta, ja instalētās pakotnes nav saderīgas ar atjauninājumu.

  • visi --all

    Vai atjaunināt visus paketes pack.json.

  • Nākamais --next

    Izmantojiet lielāko versiju, ieskaitot beta un RC.

  • tikai migrēt --migrate-only

    Veiciet tikai migrēšanu, neatjaunina instalēto versiju.

  • no --from

    Versija, no kuras migrēt. Pieejams tikai ar vienu pakotnes atjaunināšanu un tikai migrēšanai.

  • uz --to

    Versija, līdz kurai piemērot migrācijas. Pieejams tikai tad, ja tiek atjaunināta viena pakete un tikai migrēšanai. Nepieciešams norādīt. Atklāta instalētās versijas noklusējums.

  • reģistrā --registry

    Izmantojamais NPM reģistrs.

Šīs komandas aptver pamatus. Angular CLI ir neticami ērta, kas paātrina lietojumprogrammu ģenerēšanu, konfigurēšanu un paplašināšanu. Tas viss tiek darīts, saglabājot elastību, ļaujot izstrādātājam veikt nepieciešamās izmaiņas.

Lūdzu, pārbaudiet šīs saites, localhost:4200ja vēl neesat to izdarījis. Neaizmirstiet palaist, ng servepirms to atverat. Labāk izprotot CLI, tagad esat gatavs uzzināt vairāk par vissvarīgākajām komandām.

Vairāk informācijas:

  • Labākie leņķiskie piemēri
  • Labākās leņķiskās un leņķiskāsJS konsultācijas
  • Kā apstiprināt leņķiskās reaktīvās formas