Folosind Yeoman cu AngularJS

Unul dintre cele mai importante lucruri de care trebuie să ții cont atunci când începem călătoria noastră de dezvoltare a aplicațiilor AngularJS, este optimizarea fluxului nostru de lucru, adică stabilirea liniilor directoare cu care urmează să creăm aplicații, să facem teste, să creăm secțiuni ale aplicației noastre etc.
Avem mai multe opțiuni pentru a o face, care variază de la lucrul manual, crearea fiecăruia dintre directoare sau utilizarea instrumentelor care o fac pentru noi, în acestea din urmă ne putem sprijini prin Yeoman care are posibilitatea de a genera scheleAcesta aduce un server web încorporat și ne permite să construim automat scheletul aplicației.
Instalare Yeoman este la fel de ușor ca rularea unei linii în terminal, desigur, atâta timp cât suntem în medii bazate pe Unix Ce Linux sau MAC, unde va fi suficient să faceți următoarele:

curl -L get.yeoman.io | bash

După aceasta trebuie să urmăm instrucțiunile care apar pe ecran; dar cu toate acestea Windows Este o altă problemă și aici trebuie să facem ceea ce se numește o instalare manuală, pentru aceasta trebuie mai întâi să instalăm NodeJS și apoi cu gestionarul de pachete npm instalare Yeoman și constructorul de aplicații Angular. Toate acestea sunt documentate corespunzător pe site-ul Yeoman.

Odată ce am instalat și avem Yeoman rulând, ne putem crea aplicația AngularJSSă ne amintim că, chiar și pentru cele mai de bază aplicații, prin convenție este necesar să includem directoarele pentru a forma structura.
Deoarece acest lucru este foarte obositor de făcut manual, cu Yeoman Trebuie doar să scriem următoarele de pe o consolă:

yeoman init angular

Acest lucru ne va crea nu numai structura folderelor, ci ne va oferi și scheletele de bază ale rute, controlere și dependențe.
După cum știm, rutele sunt una dintre caracteristicile cheie ale aplicațiilor noastre din Unghiular, Yeoman Ne permite nu numai să generăm ruta, ci și fișierele necesare pentru a putea funcționa, pentru aceasta este suficient să folosim comanda:

yeoman init angular: route calea

Unde calea va fi calea pe care o dorim, de exemplu dacă în loc să o plasăm calea plasăm Acasă, Yeoman se va ocupa de:

• creați fișierul home.js în app / script / controlere
• creați fișierul home.js în test / specs / controller
• creați fișierul home.html în aplicație / vizualizări

De asemenea, acesta va genera codul căii din fișier app / scripts / app.js
Avantaje YeomanCu toate acestea, am economisit deja multă muncă, pe lângă faptul că suntem automatizați, evităm mici erori de configurare care ar putea afecta dezvoltarea noastră, cum ar fi scrierea greșită a numelui unui controler sau plasarea căii într-un mod inadecvat, ceea ce ne-ar putea conduce la trebuie să fac puțin depanare luând astfel timp pe care l-am putea petrece cu alte lucruri.
Cu aceasta terminăm acest tutorial, am învățat cum să instalăm și cum să pornim o aplicație YeomanDe asemenea, trebuie să ne amintim că acesta nu este singurul instrument care servește acestor scopuri, așa că trebuie să facă unele cercetări pentru a găsi alte opțiuni, a compara și a rămâne cu instrumentul care se potrivește cel mai bine scopurilor și nevoilor noastre.