15 Nyttige AngularJS-værktøjer til udviklere

Tænker du på at dyppe tæerne i vinkel? Hvis du har gennemgået vores 10 bedste tutorials for at lære AngularJS post og gerne vil spille rundt med Angular alene, er du på den rigtige post. Vi har her nogle værktøjer, der kan strømline din udviklings arbejdsgang.

Vi kigger på 15 af bedste IDE'er, tekstredigerere, værktøjer til test og fejlfinding, moduler og udviklingsværktøjer og apps til bygning med vinkel. Hvis du har dine yndlingsværktøjer eller apps, skal du dele dem med os i kommentarerne nedenfor.

IDE & Text Editor

I programmeringsverdenen er der to typer redaktører: fuldt udstyret integreret udviklingsmiljø (IDE) og lette tekstredaktører. Begge giver mulighed for hurtigere udviklingsarbejdsproces. IDE og teksteditoren, som vi nævner nedenfor, er ret gode værktøjer til at fremskynde din vinkeludvikling. De kan let konfigureres til vinkelmiljøet.

WebStorm

WebStorm er ikke kun egnet til Javascript, men også HTML og CSS. Den har en fantastisk live editor, som lader dig se dine kodningsresultater i browseren uden hyppigt forfriskende brug. Som standard bærer deres nyeste version AngularJS-pluginpakken, selvom du skal indføje Angular scriptet i dit projekt først. For mere information, læs WebStorm blog post.

Aptana

Aptana er en gratis open source IDE, som faktisk er den tilpassede version af Eclipse med fokus på Javascript, HTML, CSS og andre webgods. For at udvide Aptana til Vinkelstøtte er alt du skal gøre, at installere AngularJS Eclipse extension fra Eclipse Marketplace.

Sublim tekst

En af de mest populære tekstredigerere, Sublime Text er elsket af mange på grund af dets tilpasningsevne til at tilpasse sig enhver form for programmeringsmiljø. Det er også hurtigt og har brugerdefineret kodestykke, og har mange pakker, herunder AngularJS-pakken, som giver dig mulighed for at arbejde med Angular. Her er et godt indlæg af Dan Wahlin, du kan tjekke om dette.

Mere om sublim tekst:

18 væsentlige Sublime Text plugins
12 Most Wanted Sublime Teksttips og tricks
Sådan indsættes filsti i sublim tekst
Quick-preview Localhost-projekt med sublim tekst
Administrer noter og lister med sublim tekst
Tilføjelse af CSS Vendor Prefix med Sublime Text

Test- og fejlfindingsværktøjer

Test og debugging er vigtige dele af udviklingsprocessen, især i et miljø som Vinkel. Her er nogle af de værktøjer, der kan hjælpe dig med at teste og fejle din ansøgning.

Karma

Karma er en stor testrunner lavet til Angular, men kan også bruges sammen med andre Javascript-rammer. Det understøtter enhver form for test: enhedstestning, midtvejsprøvning og E2E test. Karma virker ved at åbne browsere, som du lister i konfigurationsfilen. Det kommunikerer derefter med den aktive browser ved hjælp af socket.io og spørger dig om, om testen skal køres eller ej.

Jasmine

Jasmine bruges til adfærdsdrevet udvikling (BDD), men du kan bruge den til testdrevet udvikling (TDD) med lidt tilpasning. Det er normalt kombineret med Karma: Karma som testløberen, Jasmine som testramme. Jasmine vil automatisk inspicere alle dine Javascript-klasser og funktioner og underrette dig om uhåndteret kode. Ulempen er det ved ikke hvilket miljø (browsere) testen udføres, men karma kompenserer for denne ulempe.

MochaJS

Sammenlignet med Jasmine, MochaJS er mere fleksibel men Jasmine kommer som en alt-i-en-pakke. Med MochaJS, hvis du vil bruge spionrammer, skal du oprette Mocha med sit passende bibliotek som sinon.js. Og hvis du har brug for påstandsramme, skal Mocha konfigureres med en ramme som Chai.

vinkelmåler

Protractor er nok den mest kraftfulde automatiserede ende til ende (e2e) Vinkelprøvningsværktøj. Udviklet af Angular teamet, er Protractor bygget ved at kombinere nogle gode teknologier til rådighed i dag som NodeJS, Selen, WebDriver, Mocha, Agurk og Jasmine.

Vinkel Batarang

Udover vinkelmåler, Et andet godt værktøj, der er udviklet af Angular teamet, er Angular Batarang. batarang er en Chrome-udvidelse til fejlsøgning af fejlfinding. Efter inspektion af din app vil Batarang vise dig model, ydeevne og afhængighed Fejlfinding resulterer i tre forskellige faner. Du kan også kontrollere inspektionen, beslutte, om du vil vise applikationer, bindinger eller scopes.

ng-inspektør

ng-inspektør er en browserudvidelse understøttet på Chrome og Safari. I modsætning til Batarang, som dukker op i DevTools, foretrækker ng-inspektør sidepaneldisplayet i stedet. Du kan inspicere og fremhæve DOM-elementer, mens du svæver over et omfang. Du kan også se omfanget og modellen opdateret i realtid.

moduler

Det bedste sted at finde Angular moduler er ngmodules.org. Men hvis du har brug for et hurtigt overblik, er nedenstående en liste over nogle gode ressourcer, vi har samlet for dig.

AngularUI

AngularUI er en samling af UI komponenter bygget med AngularJS. Dens brugsanvisninger hjælper dig med at opbygge vinkelapplikationer hurtigere. I stedet for widgets bruger AngularUI rå direktiver som ui-router, ui-map, ui-kalender osv. De direktiver, du sandsynligvis vil lide mest, er dens UI-Bootstrap, som kan indbygges Opret Twitter Bootstrap i Angular. Tjek den rene og flot dokumentationsside for at komme i gang.

ng-tabel - sortering og filtrering tabel

Hvis du har brug for tabeller i din webapplikation, den slags, der kan sorteres og filtreres, så er ngTable det værktøj, du leder efter. Det understøtter også variabel rækkehøjder og gode paginationsfunktioner.

Restangular

Med Vinkel kan du have svært ved at arbejde $ ressource og $ http til oprettelse af resten API. Restangulære kan hjælpe med at gøre brugen af at få, slette, opdatere og sende dataforespørgsler lettere. Nogle funktioner, der angiver Restangular bortset fra $ ressource er HTTP-metoden support, selvlinkende element, lover brug og mange flere. Få mere at vide her og se live-demoen på Plunkr.

Vinkel Gettext

Angular-Gettext er et fremragende vinkel modul til super-nem lokalisering. De vigtigste funktioner er, at du kan oversætte din webapp så nemt som at tilføje attribut. Det lader dig fokusere på din app udvikling og forlade alle oversættelser til Angular-Gettext.

Værktøjer & Apps

Endelig vil vi bare forlade dette her. Det er en liste over flere værktøjer og apps, der sandsynligvis kan gøre din vinkeludviklingsproces nemmere og glattere. De arbejder godt med dem, der lige er begyndt at samle Vinkel.

Generator Vinkel

Yeoman har en kodegenerator kaldet Generator Angular. Med dette værktøj kan du fremskynde din vinkeludvikling med kun par af terminalkommando. Det kan automatisk generere udviklingsserver, enheds- og rammeprøvning, visning, direktiver og meget mere.

ngDocs - AngularJS Reference

ngDocs er en Android-app, der giver AngularJS dokumentation og referencer, flot og simpelt. Nogle grundlæggende tutorials er også tilgængelige, hvis du er ny til Vinkel. Der er yderligere funktioner som en udvikler guide og fejl reference, som du måske vil se. Med dette på din Android-enhed skal du hente på Angular, uanset hvor du er.