15 Instrumente utile AngularJS pentru dezvoltatori

Gândește-te la înmuierea degetelor de la picioare în Angular? Dacă ați trecut prin cele mai bune 10 tutoriale pentru a afla postarea AngularJS și doriți să jucați cu Angular pe cont propriu, sunteți pe postul corect. Avem aici câteva instrumente care vă pot eficientiza fluxul de lucru pentru dezvoltare.

Ne uităm la 15 din cele mai bune IDE-uri, editoare de text, instrumente pentru testare și depanare, module și instrumente de dezvoltare și aplicații pentru construirea cu Angular. Dacă aveți instrumentele sau aplicațiile preferate, împărtășiți-le cu noi în comentariile de mai jos.

IDE și editor de text

În lumea programării, există două tipuri de editori: cu un mediu integrat de dezvoltare integrat (IDE) și editoare ușoare de text. Ambele permit un flux de lucru mai rapid. IDE-ul și editorul de text pe care l-am enumerat mai jos sunt instrumente destul de bune pentru a vă accelera dezvoltarea Angulară. Ele pot fi ușor configurate pentru mediul Angular.

WebStorm

WebStorm este potrivit nu doar pentru Javascript, ci și HTML și CSS. Are un editor minunat care vă permite să vedeți rezultatele de codare ale browserului fără a fi necesară o recondiționare frecventă. În mod implicit, versiunea lor cea mai recentă poartă pachetul de plugin AngularJS, deși va trebui mai întâi să includeți scriptul Angular în proiectul dvs. Pentru mai multe detalii, citiți articolul de blog WebStorm.

Aptana

Aptana este un IDE liber open source, care este de fapt versiunea personalizată a Eclipse, concentrată pe Javascript, HTML, CSS și alte bunuri web. Pentru a extinde Aptana pentru suportul Angular, tot ce trebuie să faceți este să instalați extensia AngularJS Eclipse din Eclipse Marketplace.

Text sublim

Unul dintre editorii cei mai populari de text disponibili, Sublime Text este iubit de mulți datorită personalizării sale de a se adapta la orice tip de mediu de programare. De asemenea, este rapid și are suport personalizabil pentru fragmente de cod și are multe pachete, inclusiv pachetul AngularJS, care vă permit să lucrați cu Angular. Iată un post grozav de Dan Wahlin, puteți afla despre acest lucru.

Mai multe despre textul sublim:

• 18 pluginuri esențiale de text sublim
• 12 Cele mai dorite sfaturi și trucuri sublime de text
• Cum se introduce calea de fișiere în textul sublim
• Vizualizare rapidă a proiectului Localhost cu Text Sublim
• Gestionați note și liste cu text sublim
• Adăugarea prefixului furnizorului CSS cu text sublim

Instrumente de testare și depanare

Testarea și depanarea sunt părți importante ale procesului de dezvoltare, mai ales într-un mediu precum Angular. Iată câteva dintre instrumentele care vă pot ajuta să vă testați și să depanați aplicația.

Karma

Karma este un alergator excelent pentru Angular, dar poate fi folosit și cu orice alt cadru Javascript. Suportă orice tip de testare: testarea unității, testarea la jumătatea drumului și E2E de testare. Karma funcționează deschizând browserele pe care le listați în fișierul de configurare. Apoi comunică cu browser-ul activ folosind socket.io și vă întreabă dacă trebuie să executați testul sau nu.

Iasomie

Jasmine este folosit pentru dezvoltarea bazată pe comportament (BDD), dar o puteți folosi pentru dezvoltarea bazată pe test (TDD) cu o personalizare a biților. Acesta este de obicei cuplat cu Karma: Karma ca alergator de test, Jasmine ca cadru de testare. Jasmine va inspecta automat toate clasele și funcțiile Javascript și vă va notifica codul nefolosit. Dezavantajul este nu știe care mediu (browsere) testul efectuat, dar Karma compensează acest dezavantaj.

MochaJS

În comparație cu Jasmine, MochaJS este mai flexibil dar Jasmine vine ca un pachet all-in-one. Cu MochaJS, dacă doriți să utilizați spion framework, trebuie să configurați Mocha cu biblioteca corespunzătoare, cum ar fi sinon.js. Și dacă aveți nevoie de cadru de aserțiune, Mocha trebuie să fie configurat cu un cadru ca Chai.

Raportor

Protractorul este probabil cel mai puternic automatizat un capăt la altul (e2e) Instrument de testare unghiulară. Dezvoltat de echipa Angular, Protractorul este construit prin combinarea unor tehnologii excelente disponibile astăzi, cum ar fi NodeJS, Seleniu, webDriver, Mocha, Castraveți și Iasomie.

Angular Batarang

in afara de asta Raportor, un alt instrument excelent dezvoltat de echipa Angular este Angular Batarang. Batarang este o extensie Chrome pentru depanarea aplicațiilor Angulare. După inspectarea aplicației, Batarang vă va arăta model, performanță și dependență depanarea rezultatelor în trei tab-uri diferite. De asemenea, puteți controla inspecția, hotărând să afișați aplicații, legături sau domenii.

ng-inspector

ng-inspector este o extensie de browser acceptată pe Chrome și Safari. Spre deosebire de Batarang care apare în DevTools, ng-inspector preferă afișarea panoului lateral. Puteți să inspectați și să evidențiați elementele DOM în timp ce treceți peste un domeniu de aplicare. De asemenea, puteți vizualiza domeniul și modelul actualizat în timp real.

module

Cel mai bun loc pentru a găsi modulele Angulare este ngmodules.org. Dar dacă aveți nevoie de o prezentare rapidă, mai jos este o listă a unor resurse bune pe care le-am colectat pentru dvs..

AngularUI

AngularUI este o colecție de componente UI construite cu AngularJS. Directivele sale de utilitate vă ajută să construiți mai rapid aplicații Angulare. În loc de widget-uri, AngularUI folosește direcții brute cum ar fi router-ui, harta-ui, Calendarul-ui etc. Directivele pe care probabil le va plăcea cel mai mult este UI-Bootstrap-ul care poate nativ creați Bootstrap Twitter în Angular. Consultați pagina de documentare curată și frumoasă pentru a începe.

ng-Table - Tabel de sortare și filtrare

Dacă aveți nevoie de tabele în aplicația dvs. web, tipul care poate fi sortat și filtrat, atunci ngTable este instrumentul pe care îl căutați. De asemenea, suportă înălțimi variabile ale rândului și capacități de paginare excelente.

Restangular

Cu Angular, este posibil să aveți un timp dificil de lucru la lucru resursă $ și $ http pentru crearea API-ului Rest. Restangularul poate ajuta utilizarea mai ușoară a cererilor de obținere, ștergere, actualizare și postare a datelor. Unele caracteristici care setează Restangular în afară de resursă $ sunt suportul metodei HTTP, elementul de auto-conectare, promisiunea utilizării și multe altele. Aflați mai multe aici și vizitați demo-ul live pe Plunkr.

Unghiul Gettext

Angular-Gettext este un modul Angular superb pentru o localizare super-ușoară. Caracteristicile cheie sunt că puteți să vă traduceți aplicația web la fel de ușor ca adăugarea atribut. Vă permite să vă concentrați asupra dezvoltării aplicației și să lăsați toate traducerile în Angular-Gettext.

Instrumente și aplicații

În sfârșit, o să lăsăm asta aici. Este o listă cu mai multe instrumente și aplicații care pot face probabil procesul dvs. de dezvoltare angular mai ușor și mai ușor. Ei lucrează bine cu cei care au început să ridice Angular.

Generator unghiular

Yeoman are un generator de cod numit Generator Angular. Cu ajutorul acestui instrument, puteți accelera dezvoltarea Angulară numai cu cupluri de comenzi terminale. Se poate genera automat serverul de dezvoltare, testarea unității și a cadrului, vizualizarea, directivele și multe altele.

ngDocs - Referință AngularJS

ngDocs este o aplicație Android care oferă documentație și referințe AngularJS, frumos și simplu. Unele tutoriale de bază sunt de asemenea disponibile dacă sunteți nou în Angular. Există caracteristici suplimentare, cum ar fi un ghid pentru dezvoltatori și o referință de eroare pe care ați dori să o vedeți. Cu acest lucru pe dispozitivul dvs. Android, ridicați pe Angular oriunde ați merge.