15 Korisni AngularJS Alati za programere
Razmišljate o potapanju prstiju u Angular? Ako ste prošli kroz deset najboljih tutorijala kako biste naučili AngularJS post i želite se igrati s Angularom sami, na pravom ste mjestu. Ovdje imamo neke alate koji mogu pojednostaviti radni tijek razvoja.
Gledamo 15 najbolji IDE-i, uređivači teksta, alati za testiranje i ispravljanje pogrešaka, moduli i razvojni alati i aplikacije za gradnju s uglom. Ako imate omiljene alate ili aplikacije, podijelite ih s nama u komentarima u nastavku.
IDE i uređivač teksta
U svijetu programiranja postoje dvije vrste urednika: cjelovito integrirano razvojno okruženje (IDE) i lagani uređivači teksta. Oba omogućuju brži tijek razvoja. IDE i uređivač teksta koji smo naveli u nastavku su prilično dobri alati za ubrzavanje razvoja kutnog sustava. Mogu se jednostavno konfigurirati za okruženje Angular.
WebStorm
WebStorm je prikladan ne samo za Javascript već i za HTML i CSS. To je strašan live editor koji vam omogućuje da vidite svoje rezultate kodiranja na pregledniku bez čestih potrebnih osvježavanja. Prema zadanim postavkama, njihova najnovija verzija nosi AngularJS plugin bundle, iako ćete prvo morati uključiti Angular skriptu u svoj projekt. Za više pojedinosti, pročitajte WebStorm blog post.
Aptana
Aptana je besplatni IDE otvorenog koda koji je zapravo prilagođena verzija programa Eclipse koja se fokusira na Javascript, HTML, CSS i druge web-sadržaje. Da biste proširili Aptana za Angular podršku, sve što trebate učiniti je instalirati proširenje AngularJS Eclipse iz Eclipse Marketplace.
Uzvišeni tekst
Jedan od najpopularnijih tekstualnih urednika dostupan, Sublime Text je omiljen kod mnogih zbog prilagodljivosti prilagođavanja bilo kojoj vrsti programskog okruženja. Također je brz i ima prilagodljivu podršku za isječak koda, te ima mnogo paketa uključujući paket AngularJS koji vam omogućuje rad s Angularom. Ovdje je veliki post Dan Wahlin možete provjeriti o tome.
Više o uzvišenom tekstu:
- 18 bitnih dodataka Sublime teksta
- 12 Najtraženijih sublimnih tekstualnih savjeta i trikova
- Kako umetnuti Put datoteke u uzvišeni tekst
- Brzi pregled projekta Localhost s uzvišenim tekstom
- Upravljanje bilješkama i popisima uz uzvišeni tekst
- Dodavanje CSS Vendor prefiksa uz sublimni tekst
Alati za testiranje i ispravljanje pogrešaka
Testiranje i ispravljanje pogrešaka su važni dijelovi razvojnog procesa, osobito u okruženju kao što je Angular. Evo nekih alata koji vam mogu pomoći u testiranju i uklanjanju pogrešaka u vašoj aplikaciji.
Karma
Karma je odličan test runner napravljen za Angular, ali se također može koristiti s bilo kojim drugim Javascript okvirom. Podržava bilo koju vrstu testiranja: testiranje jedinica, ispitivanje na sredini i E2E testiranje. Karma radi otvaranjem preglednika koje ste naveli u konfiguracijskoj datoteci. Zatim komunicira s aktivnim preglednikom koristeći socket.io i traži od vas da pokrenete test ili ne.
Jasmin
Jasmine se koristi za razvoj temeljen na ponašanju (BDD), ali ga možete koristiti za razvoj testiranja (TDD) s malo prilagodbe. Obično se povezuje s Karma: Karma kao test runner, Jasmine kao ispitni okvir. Jasmine će automatski pregledati sve vaše JavaScript klase i funkcije te vas obavijestiti o neobrađenom kodu. Nedostatak je ne zna koje se okruženje (preglednici) provodi, ali Karma kompenzira ovaj nedostatak.
MochaJS
U usporedbi s Jasmine, MochaJS je fleksibilniji ali Jasmine dolazi kao sve-u-jednom paket. S MochaJS, ako želite koristiti špijunski okvir, morate postaviti Mocha s odgovarajućom bibliotekom poput sinon.js. A ako vam je potrebna tvrdnja okvir, Mocha treba biti konfiguriran s okvirom kao što je Chai.
Kutomjer
Trokutor je vjerojatno najsnažniji automatiziran od kraja do kraja (e2e) Alat za ispitivanje uglova. Razvijen od strane Angular tima, Protractor je izgrađen kombiniranjem nekih velikih tehnologija koje su danas dostupne NodeJS, Selen, webDriver, Mocha, krastavac i Jasmin.
Kutni Batarang
osim Kutomjer, još jedan veliki alat koji je razvio Angularni tim je Angular Batarang. Batarang je proširenje za Chrome za debagiranje aplikacija Angular. Nakon pregleda vaše aplikacije, Batarang će vam pokazati model, performanse i ovisnost debugging rezultate u tri različite kartice. Kontrolu možete kontrolirati i odlučiti želite li prikazati aplikacije, veze ili opsege.
ng kontrolor
ng-inspector je proširenje preglednika koje podržava Chrome i Safari. Za razliku od Bataran-a koji se pojavljuje u DevTools-u, ng-inspektor preferira prikaz na bočnoj ploči. Možete pregledavati i označavati elemente DOM-a dok lebdite iznad opsega. Također možete vidjeti opseg i model koji se ažuriraju u stvarnom vremenu.
moduli
Najbolje mjesto za pronalaženje Angular modula je ngmodules.org. Ali ako vam je potreban brzi pregled, ispod je popis nekih dobrih resursa koje smo prikupili za vas.
AngularUI
AngularUI je zbirka UI komponenti izgrađenih s AngularJS. Njegove smjernice pomoći će vam brže izgraditi Angular aplikacije. Umjesto widgeta, AngularUI koristi sirove direktive poput UI-usmjerivač
, UI-karta
, UI-kalendar
itd. Smjernice koje ćete vjerojatno najviše voljeti je njihov UI-Bootstrap koji može izvorno stvoriti Twitter Bootstrap u Angular. Provjerite njegovu čistu i lijepu dokumentacijsku stranicu da biste započeli.
Tablica - Tablica za sortiranje i filtriranje
Ako trebate tablice u vašoj web aplikaciji, vrstu koja se može sortirati i filtrirati, onda je ngTable alat koji tražite. On također podržava promjenjive visine redova i velike mogućnosti numeriranja stranica.
Restangular
Uz Angular, možda ćete imati teškoća u radu $ resurs
i $ http
za stvaranje API-ja za Rest. Restangular može pomoći jednostavnije korištenje zahtjeva za dobivanje, brisanje, ažuriranje i objavljivanje podataka. Neke značajke koje postavljaju Restangular osim $ resurs
su HTTP metoda podrške, samo-povezujući element, obećava korištenje i još mnogo toga. Saznajte više ovdje i pogledajte demo uživo na Plunkru.
Kutni Gettext
Angular-Gettext je izvrstan kutni modul za super-jednostavnu lokalizaciju. Ključne značajke su možete prevesti vaše web aplikacije kao jednostavan kao dodavanje atribut
. To vam omogućuje da se usredotočite na razvoj aplikacija i ostavite sve prijevode na Angular-Gettext.
Alati i aplikacije
Na kraju, ostavit ćemo ovo ovdje. To je popis više alata i aplikacija koji će vjerojatno olakšati i olakšati vaš proces razvoja Angulara. Oni dobro rade s onima koji tek počinju uzimati Angular.
Ugao generatora
Yeoman ima generator koda koji se zove Generator Angular. Pomoću ovog alata možete ubrzati razvoj Angulara samo s parovima naredbe terminala. To može automatski generirati razvoj poslužitelja, jedinica i okvira testiranje, pogled, direktive i još mnogo toga.
ngDocs - AngularJS Referenca
ngDocs je aplikacija za Android koja pruža AngularJS dokumentaciju i reference, lijepo i jednostavno. Neki osnovni tutoriali su također dostupni ako ste novi u Angular. Postoje dodatne značajke kao što su vodič za razvojne programere i referenca za pogreške koje biste željeli vidjeti. Uz to na svom Android uređaju, pokupite Angular gdje god idete.