15 Uporabna orodja AngularJS za razvijalce

Razmišljate o potapljanju prstov v Angular? Če ste šli skozi naših 10 najboljših vaj za učenje AngularJS posta in bi se radi igrali z Angularom sami, ste na pravem mestu. Tukaj imamo nekaj orodja, ki lahko poenostavijo razvojni potek dela.

Poglejmo 15 let najboljši IDE, urejevalniki besedil, orodja za testiranje in odpravljanje napak, moduli in razvojna orodja in aplikacije za gradnjo z Angular. Če imate priljubljena orodja ali aplikacije, jih delite z nami v komentarjih spodaj.

IDE in urejevalnik besedil

V svetu programiranja obstajata dve vrsti urednikov: celovito razvojno okolje (IDE) in. \ T lahki urejevalniki besedil. Oba omogočata hitrejši razvojni potek dela. V urejevalniku IDE in urejevalniku besedila, ki smo jih našteli spodaj, so zelo dobra orodja za pospešitev razvoja kota. Lahko jih enostavno konfigurirate za okolje Angular.

WebStorm

WebStorm ni primeren samo za Javascript, ampak tudi za HTML in CSS. Ima čudovit urejevalnik v živo, ki vam omogoča, da si ogledate rezultate kodiranja v brskalniku brez potrebnega pogostih osvežitev. Privzeto je, da njihova najnovejša različica vsebuje paket plugin AngularJS, čeprav boste morali najprej v svoj projekt vključiti skript AngularJS. Za več podrobnosti preberite objavo bloga WebStorm.

Aptana

Aptana je brezplačen odprtokodni IDE, ki je pravzaprav prilagojena različica Eclipse, ki se osredotoča na Javascript, HTML, CSS in druge spletne vsebine. Če želite razširiti Aptano za podporo kota, morate le razširiti razširitev AngularJS Eclipse Eclipse Marketplace.

Sublime Text

Eden od najbolj priljubljenih besedilnih urednikov na voljo, Sublime Besedilo je ljubezen, ki jih mnogi zaradi prilagodljivosti prilagoditi na kakršno koli programsko okolje. Prav tako je hiter in ima prilagodljivo podporo za kodne odlomke in ima veliko paketov, vključno s paketom AngularJS, ki vam omogoča delo z Angularom. Tukaj je velik post Dan Wahlin, ki ga lahko pogledate o tem.

Več o sublimnem besedilu:

18 bistvenih vstavkov Sublime Text
12 Najbolj iskani sublimni namigi in triki
Kako vstaviti pot datoteke v sublimno besedilo
Quick-preview projekt Localhost z Sublime Text
Upravljanje beležk in seznamov s sublimnim besedilom
Dodajanje predpone prodajalca CSS s sublimnim besedilom

Orodja za testiranje in odpravljanje napak

Testiranje in odpravljanje napak so pomembni deli razvojnega procesa, zlasti v okolju, kot je Angular. Tukaj je nekaj orodij, ki vam lahko pomagajo pri testiranju in razhroščevanju vaše aplikacije.

Karma

Karma je odličen testni tekač za Angular, lahko pa ga uporabite tudi z drugimi Javascript okviri. Podpira vse vrste testiranja: testiranje enot, vmesno testiranje in E2E testiranje. Karma deluje tako, da odpre brskalnike, ki jih navedete v konfiguracijski datoteki. Nato komunicira z aktivnim brskalnikom z uporabo socket.io in vas vpraša, ali naj opravi test ali ne.

Jasmine

Jasmine se uporablja za razvoj, ki temelji na obnašanju (BDD), vendar ga lahko uporabite za razvoj testov (TDD) z malo prilagoditvijo. Običajno je povezana s Karmo: Karmo kot testnim tekačem, Jasmine kot testnim okvirom. Jasmine bo samodejno pregledala vse vaše razrede in funkcije Javascript in vas obvestila o neobdelani kodi. Pomanjkljivost je ne ve, katero okolje (brskalniki) je opravil test, Karma pa kompenzira to pomanjkljivost.

MochaJS

V primerjavi z Jasmine, MochaJS je bolj prilagodljiv ampak Jasmine prihaja kot sveženj. Z MochaJS, če želite uporabiti vohunski okvir, morate nastaviti Mocha z ustrezno knjižnico, kot je sinon.js. In če potrebujete okvir trditve, mora biti Mocha konfiguriran z okvirom, kot je Chai.

Prenosnik

Valjar je verjetno najmočnejši avtomatiziran konec koncev (e2e) Orodje za preskušanje kota. Razvil ga je Angular team, ki je zgrajen z združevanjem nekaterih odličnih tehnologij, ki so danes na voljo NodeJS, Selen, webDriver, Mocha, Kumara in Jasmine.

Kotni Batarang

Poleg tega Prenosnik, drugo odlično orodje, ki ga je razvila Angularna ekipa, je Angular Batarang. Batarang je razširitev za Chrome za razhroščevanje programov Angular. Po pregledu vaše aplikacije vam bo Batarang pokazal model, učinkovitost in odvisnost razhroščevanje rezultatov v treh različnih zavihkih. Prav tako lahko nadzorujete inšpekcijo in se odločite, ali jo boste prikazali aplikacije, vezi ali obsege.

inšpektor

ng-inspector je razširitev brskalnika, ki jo podpirajo Chrome in Safari. Za razliko od Batarang, ki se prikaže v DevTools, ng-inspector raje prikaže stranski zaslon. Elemente DOM lahko pregledate in označite med lebdenjem nad obsegom. Vidite lahko tudi obseg in model, ki sta posodobljena v realnem času.

Moduli

Najboljše mesto za iskanje Angular modulov je ngmodules.org. Če pa potrebujete hiter pregled, je spodaj seznam dobrih virov, ki smo jih zbrali za vas.

AngularUI

AngularUI je zbirka komponent uporabniškega vmesnika, zgrajenih z AngularJS. Njegove smernice za uporabnost vam pomagajo hitreje graditi aplikacije Angular. Namesto widgetov AngularUI uporablja surove direktive ui-usmerjevalnik, ui-map, ui-koledar Direktivi, ki jih boste verjetno najbolj radi, je UI-Bootstrap, ki lahko izvirno ustvarite Twitter Bootstrap v Angularu. Oglejte si njegovo čisto in lepo dokumentacijsko stran, da začnete.

ng-Tabela - tabela za sortiranje in filtriranje

Če potrebujete tabele v vaši spletni aplikaciji, vrste, ki jih lahko razvrstite in filtrirate, potem je orodje, ki ga iščete, orodje ngTable. Prav tako podpira spremenljive višine vrstic in odlične zmožnosti paginiranja.

Restangular

Z Angular lahko težko delate $ resource in $ http za ustvarjanje API-ja za počitek. Restangular lahko pomaga poenostavitev uporabe zahtev za pridobivanje, brisanje, posodabljanje in objavljanje podatkov. Nekatere funkcije, ki določajo Restangular razen $ resource so podpora za metodo HTTP, element samopovezave, obljublja uporabo in še veliko več. Izvedite več o tem in si oglejte demo v živo na Plunkrju.

Kotni Gettext

Angular-Gettext je odličen kotni modul za zelo enostavno lokalizacijo. Glavne značilnosti so, da lahko prevedete svojo spletno aplikacijo tako enostavno, kot dodate atribut. Omogoča vam, da se osredotočite na razvoj aplikacije in pustite vse prevode v Angular-Gettext.

Orodja in aplikacije

Nazadnje, to bomo pustili tukaj. To je seznam več orodij in aplikacij, ki lahko vaš razvojni proces Angularja lažje in lažje. Dobro delajo s tistimi, ki šele začenjajo zbirati Angular.

Generator kotni

Yeoman ima generator kod, imenovan Generator Angular. S tem orodjem lahko svoj Angularni razvoj pospešite samo s pari terminalskega ukaza. To lahko samodejno ustvarja razvoj strežnika, enote in okvirja testiranje, pogled, direktive in še več.

ngDocs - AngularJS Reference

ngDocs je aplikacija za Android, ki ponuja dokumentacijo in reference podjetja AngularJS, lepo in preprosto. Nekaj osnovnih vaj je na voljo tudi, če ste novi v Angularu. Obstajajo dodatne funkcije, kot je vodnik za razvijalce in napaka, ki bi jo radi videli. S tem v napravi Android pojdite na Angular, kamorkoli greste.