David Holland

11 noiembrie 2017 · 3 min de citire

Până acum, dezvoltatorii de software din întreaga lume au luat pe deplin la inimă maxima cunoscută sub numele de Legea lui Atwood: orice lucru care poate fi scris în JavaScript va fi în cele din urmă scris în JavaScript. Corolarul inevitabil al acestei idei - că nu putem avea niciodată prea multe cadre JavaScript - a devenit, de asemenea, o realitate.

începătorii

Prin necesitate, atunci, dezvoltatorii sunt obligați să devină competenți cu noile cadre JS într-un mod cât se poate de rapid. Pentru mulți programatori, aceasta înseamnă reducerea noilor concepte la componentele lor fundamentale.

În acest sens, un nou dezvoltator a pus recent o întrebare care părea să provină din această dorință de a trata cât mai puține părți mobile. Pentru a parafraza, el a spus: „Când învățați cadrul angular, este posibil să generați o aplicație angulară simplificată, care să fie lipsită de orice dependență inutilă?” Răspunsul scurt este da.

Cu greu trebuie spus că Angular a devenit ceva de tip jongler în lumea cadrelor JavaScript. Una dintre caracteristicile sale definitorii este lățimea uimitoare a funcționalității care este inclusă „din cutie”. Nu este surprinzător însă că funcționalitatea nu este gratuită. În acest caz, acest cost ia forma unei liste destul de lungi de dependențe. Fiind așa, cum putem face lucrurile puțin mai accesibile pentru cei noi pentru Angular? Se pare că echipa Angular a făcut multe pentru a face acest lucru destul de simplu.

În primul rând, vom presupune că ați instalat deja npm, managerul de pachete utilizat de Angular, pe sistemul dvs. de operare ales. În continuare, va trebui să instalați interfața liniei de comandă angulară (CLI). După ce ați instalat npm, acesta este tot ce este necesar pentru a instala CLI:

-G este un comutator de linie de comandă care înseamnă global. În esență, i-am spus lui npm să instaleze CLI angular din depozitul de pachete publice și să îl facă disponibil la nivel global pe computerul nostru local.

Odată ce ați terminat, este ușor de utilizat Angular CLI. De exemplu, putem crea o nouă aplicație Angular tastând următoarele:

Pe cât de simplu pare, veți descoperi rapid că creează și descarcă un număr destul de mare de fișiere, inclusiv cele necesare testării. Deși aceasta este o modalitate excelentă de a porni o aplicație Angular, aceasta ar putea reprezenta mai multe părți în mișcare decât ar dori un nou dezvoltator Angular. Am putea simplifica puțin lucrurile?

Să modificăm ultima comandă după cum urmează:

Am adăugat mai multe opțiuni la comanda noastră anterioară. În primul rând, folosind minim, i-am spus CLI să genereze o versiune mai mică și mai simplă a unei aplicații Angular de bază. În al doilea rând, am folosit opțiunea skip-tests care spune CLI-ului să nu creeze structura folderelor și fișierele necesare testării. În al treilea rând, opțiunea skip-install asigură faptul că npm nu va descărca dependențele pentru proiectul nostru. Și, în cele din urmă, rularea uscată instruiește CLI să ne arate o listă de fișiere pe care comanda le va crea odată ce o vom rula cu adevărat.

După ce ați examinat lista generată de acea comandă, să rulați comanda din nou, dar fără opțiunea de rulare la sec.

Dacă totul a mers bine, ar trebui să aveți un folder nou, numit simple-app, care conține noua dvs. aplicație simplificată, unghiulară. Cu toate acestea, pentru a rula efectiv această aplicație, va trebui să facem ceva mai mult.

Mai întâi, trebuie să descărcăm dependențele cerute de aplicația noastră. Pentru a face acest lucru, asigurați-vă că ați cd în noul dvs. director, apoi tastați următoarea comandă în terminal:

Această comandă folosește fișierul package.json din proiectul dvs. pentru a afla ce pachete trebuie descărcate și copiate în folderul dvs. node_modules. În cele din urmă, acum este posibil să vă construiți proiectul.

Deși sper că acest lucru va ajuta la demitizarea procesului de creare a aplicațiilor pentru noii dezvoltatori Angular, sper, de asemenea, că veți trece rapid la includerea pachetelor și a configurației pentru a permite testarea. O suită de testare cuprinzătoare este esențială pentru asigurarea unei abordări solide a dezvoltării angulare. Dar o vom păstra pentru o discuție viitoare.