Úvodná » toolkit » 15 Užitočné nástroje AngularJS pre vývojárov

    15 Užitočné nástroje AngularJS pre vývojárov

    Premýšľate o namočení prstov do uhla? Ak ste prešli našimi desiatimi najlepšími výučbami, aby ste sa dozvedeli, čo je AngularJS post a chceli by ste si sami hrať s Angular, ste na správnom mieste. Máme tu niekoľko nástroje, ktoré môžu zefektívniť vývojový pracovný postup.

    Pozeráme sa na 15 z nich najlepšie IDE, textové editory, nástroje na testovanie a ladenie, moduly a vývojové nástroje a aplikácie pre budovu s uhlom. Ak máte svoje obľúbené nástroje alebo aplikácie, zdieľajte ich s nami v komentároch nižšie.

    IDE a textový editor

    V programovacom svete existujú dva typy redaktorov: plnohodnotné integrované vývojové prostredie (IDE) a ľahké textové editory. Obidva umožňujú rýchlejší vývoj pracovného postupu. IDE a textový editor, ktorý sme uvádzali nižšie, sú celkom dobrým nástrojom na urýchlenie Vášho vývoja. Môžu byť ľahko konfigurované pre prostredie s uhlom.

    webstore

    WebStorm je vhodný nielen pre Javascript, ale aj pre HTML a CSS. Má úžasný živý editor, ktorý vám umožní zobraziť vaše výsledky kódovania v prehliadači bez potreby častého obnovovania. Predvolene ich najnovšia verzia nesie zväzok modulov AngularJS, hoci budete musieť najskôr do projektu zahrnúť Angulový skript. Ďalšie podrobnosti si môžete prečítať v príspevku blogu WebStorm.

    Aptana

    Aptana je bezplatný open source IDE, ktorý je v skutočnosti prispôsobená verzia Eclipse so zameraním na Javascript, HTML, CSS a iné webové stránky. Ak chcete rozšíriť aplikáciu Aptana na podporu uhlom, stačí len nainštalovať rozšírenie AngularJS Eclipse zo zariadenia Eclipse Marketplace.

    Vrcholný text

    Jeden z najpopulárnejších dostupných textových editorov, mnoho ľudí miluje text Sublime, pretože je prispôsobiteľný na akékoľvek programovacie prostredie. Je tiež rýchly a má prispôsobiteľný kód úryvok podporu, a má veľa balíčkov vrátane AngularJS balík, ktorý vám umožní pracovať s Angular. Tu je skvelý príspevok od Dan Wahlin, o ktorom sa môžete dozvedieť.

    Viac informácií o sublimovanom texte:

    • 18 základných pluginov typu Sublime Text
    • 12 najžiadanejších tipov a trikov typu Sublime Text
    • Ako vkladať cestu k súboru vo vrcholnom texte
    • Stručný náhľad projektu Localhost s Sublime Text
    • Spravujte poznámky a zoznamy pomocou vzácneho textu
    • Pridanie predvoľby dodávateľa služby CSS s podčiarknutým textom

    Nástroje na testovanie a ladenie

    Testovanie a ladenie sú dôležitými súčasťami vývojového procesu, najmä v prostredí, ako je uhlové. Tu sú niektoré nástroje, ktoré vám môžu pomôcť otestovať a ladiť svoju aplikáciu.

    Karma

    Karma je skvelý skúšobný útočník pre Angular, ale môže byť použitý aj s iným javascriptovým rámcom. Podporuje akýkoľvek typ testovania: testovanie jednotiek, skúšky v polovici testu a Testovanie E2E. Karma pracuje tak, že otvára prehliadače, ktoré ste uviedli v konfiguračnom súbore. Potom komunikuje s aktívnym prehliadačom pomocou socket.io a spýta sa, či test spustiť alebo nie.

    jazmín

    Jasmine sa používa na vývoj založený na správaní (BDD), ale môžete ho použiť na vývojový test (TDD) s bitovým prispôsobením. Zvyčajne sa spája s Karma: Karma ako testovacím bežcom, Jasmine ako testovacím rámcom. Jasmine automaticky skontroluje všetky vaše triedy a funkcie JavaScriptu a upozorní vás na neošetrený kód. Nevýhodou je nevie, ktoré prostredie (prehliadače) vykonal test, ale Karma kompenzuje túto nevýhodu.

    MochaJS

    V porovnaní s Jasmine, MochaJS je flexibilnejšia ale Jasmine prichádza ako balík typu všetko v jednom. S MochaJS, ak chcete použiť špionážny rámec, musíte nastaviť Mocha s príslušnou knižnicou ako sinon.js. A ak potrebujete rámec pre tvrdenie, Mocha musí byť nakonfigurovaná s rámcom ako Chai.

    uhlomer

    Úhlometra je pravdepodobne najvýkonnejšia automatizovaná koniec do konca (e2e) Nástroj na uhlové skúšky. Vyvinutý tímom Angular, Protractor je postavený kombináciou niektorých skvelých technológií, ktoré sú dnes k dispozícii NodeJS, selén, webDriver, Mocha, uhorka a jazmín.

    Úhlové Batarang

    okrem uhlomer, ďalší skvelý nástroj vyvinutý tímom Angular je Angular Batarang. batarang je rozšírenie prehliadača Chrome na ladenie uhlových aplikácií. Po kontrole vašej aplikácie vám Batarang ukáže model, výkon a závislosť ladiace výsledky v troch rôznych kartách. Môžete tiež kontrolovať kontrolu, rozhodnúť, či sa má zobraziť aplikácií, väzieb alebo rozsahov.

    ng-inšpektor

    ng-inšpektor je rozšírenie prehliadača podporované v prehliadačoch Chrome a Safari. Na rozdiel od Batarangu, ktorý sa objavuje v nástroji DevTools, ng-inspektor uprednostňuje miesto bočného displeja. Môžete skontrolovať a vyzdvihnúť prvky DOM, ako ste umiestnili kurzor nad oblasť. Rozsah a model môžete tiež zobraziť v reálnom čase.

    moduly

    Najlepšie miesto na nájdenie modulov Úhlové je ngmodules.org. Ak však potrebujete rýchly prehľad, nižšie nájdete zoznam niektorých dobrých zdrojov, ktoré sme pre vás zhromaždili.

    AngularUI

    AngularUI je kolekcia komponentov používateľského rozhrania vytvorených pomocou funkcie AngularJS. Užitočné smernice vám pomôžu rýchlejšie vytvárať uhlové aplikácie. Namiesto miniaplikácií používa AngularUI nespracované smernice, ako napr ui-router, ui-máp, ui-kalendár atď. Pravidlá, ktoré budete pravdepodobne najviac páčiť, sú jeho UI-Bootstrap, ktorý môže native vytvoriť Twitter bootstrap v uhlovej. Pozrite sa na jeho čistú a peknú dokumentáciu, aby ste mohli začať.

    ng-Table - Tabuľka triedenia a filtrovania

    Ak potrebujete tabuľky vo vašej webovej aplikácii, druh, ktorý možno triediť a filtrovať, potom ngTable je nástroj, ktorý hľadáte. Podporuje tiež výšku premenných riadkov a vynikajúce možnosti stránkovania.

    Restangular

    Pri funkcii Angular môžete mať ťažkosti s prácou $ resource a $ http na vytvorenie aplikácie Rest API. Reštandardné môže pomôcť využitie získavania, odstránenia, aktualizácie a odosielania žiadostí o údaje jednoduchšie. Niektoré funkcie, ktoré od seba odlišujú režimy Restangular $ resource sú metódy HTTP podpory, self-linking element, sľuby používania a mnoho ďalších. Získajte viac informácií a pozrite si Live demo na Plunkr.

    Anglický Gettext

    Anglický-Gettext je vynikajúci uhlový modul pre veľmi jednoduchú lokalizáciu. Kľúčovými funkciami je, že môžete preložiť svoju webovú aplikáciu tak jednoducho ako pridávanie atribút. Umožňuje vám sústrediť sa na vývoj aplikácií a ponechať všetky preklady na jazyku Angle-Gettext.

    Nástroje a aplikácie

    Nakoniec to tu len zanecháme. Je to zoznam viacerých nástrojov a aplikácií, ktoré pravdepodobne uľahčia a zjemňujú váš proces uhlového vývoja. Pracujú dobre s tými, ktorí práve začínajú zdvíhať Angular.

    Generátor uhlová

    Yeoman má generátor kódov nazvaný Generator Angular. Pomocou tohto nástroja môžete urýchliť váš vývoj s uhlom iba s dvojicami príkazov terminálu. Môže automaticky generovať vývoj servera, testovanie jednotiek a rámcov, zobrazenie, smernice a ďalšie.

    ngDocs - AngularJS Reference

    ngDocs je aplikácia pre Android, ktorá poskytuje dokumentáciu a odkazy AngularJS, pekné a jednoduché. Niektoré základné návody sú k dispozícii aj v prípade, že ste novým používateľom Angular. K dispozícii sú ďalšie funkcie, ako je sprievodca pre vývojárov a odkazy na chyby, ktoré by ste chceli vidieť. Vďaka tomu na svojom zariadení so systémom Android vyzdvihnite Anguláciu, kamkoľvek idete.