Koduleht » Toolkit » 15 Kasulikud AngularJS tööriistad arendajatele

    15 Kasulikud AngularJS tööriistad arendajatele

    Mõeldes varvaste kastmisele nurka? Kui olete läbinud 10 parimat õpetust, et õppida AngularJS-i postitust ja tahaksite ise nurga all mängida, olete õiges postituses. Meil on siin mõned tööriistad, mis suudavad sujuvamaks muuta teie arendustööprotsessi.

    Me vaatame 15-st parimad IDEd, tekstiredaktorid, tööriistad testimiseks ja silumine, moodulid ja arendustööriistad ja rakendused nurkadega ehitamiseks. Kui teil on lemmik tööriistad või rakendused, siis jaga neid meiega allpool toodud kommentaarides.

    IDE ja teksti redaktor

    Programmeerimismaailmas on kahte tüüpi toimetajaid: täielik integreeritud arenduskeskkond (IDE) ja kerged tekstiredaktorid. Mõlemad võimaldavad kiiremat arendustööd. Allpool loetletud IDE ja tekstiredaktorid on üsna head vahendid, et kiirendada oma nurkade arengut. Neid saab hõlpsasti seadistada nurgakeskkonna jaoks.

    WebStorm

    WebStorm sobib mitte ainult Javascripti, vaid ka HTML ja CSS jaoks. See on fantastiline live redaktor, mis võimaldab teil näha oma kodeerimise tulemusi brauseris ilma sagedase värskendamiseta. Vaikimisi kannab nende uusim versioon AngularJS-i plugina paketti, kuigi peate oma projektis kõigepealt lisama nurgakripti. Lisateabe saamiseks lugege veebiaadressi WebStorm.

    Aptana

    Aptana on tasuta avatud lähtekoodiga IDE, mis on tegelikult Eclipse'i kohandatud versioon, mis keskendub Javascriptile, HTML-ile, CSS-ile ja teistele veebi hüvedele. Aptana laiendamiseks nurktoe jaoks on vaja ainult paigaldada AngularJS Eclipse laiendus Eclipse'i turg.

    Sublime tekst

    Üks populaarsemaid tekstiredaktori, Sublime Text on paljude poolt armastatud, sest see on kohandatav mis tahes programmeerimiskeskkonnaga. See on ka kiire ja kohandatav koodilõigu tugi ning sellel on palju pakette, mis sisaldavad AngularJS paketti, mis võimaldab teil töötada nurkadega. Siin on Dan Wahlini suur postitus, mida saate selle kohta vaadata.

    Veel Sublime'i tekstist:

    • 18 olulist Sublime Text pluginat
    • 12 enim otsitud subtiimi teksti vihjeid ja nippe
    • Kuidas sisestada failirada Sublime Textis
    • Kiire eelvaade Localhost projekt koos Sublime Textiga
    • Hallake märkmeid ja nimekirju Sublime Textiga
    • CSS-müüja prefiksi lisamine tekstiga Sublime

    Tööriistade testimine ja silumine

    Testimine ja silumine on arenguprotsessi olulised osad, eriti sellises keskkonnas nagu nurk. Siin on mõned vahendid, mis aitavad teie rakendust testida ja siluda.

    Karma

    Karma on suurepärane katsesõit, mis on tehtud nurkade jaoks, kuid mida saab kasutada ka mõne muu Javascript raamistikuga. See toetab mis tahes katsetamist: üksuse katsetamine, kesktee testimine ja E2E testimine. Karma töötab, avades brauserid, mida loendate konfigureerimisfailis. Seejärel suhtleb ta aktiivse brauseriga socket.io abil ja küsib, kas katsetada või mitte.

    Jasmine

    Jasmiini kasutatakse käitumispõhiseks arendamiseks (BDD), kuid seda saab kasutada testiga seotud arendamiseks (TDD), millel on natuke kohandamine. Tavaliselt on see seotud Karma: Karma kui testirajaga, Jasmine kui testiraamistik. Jasmine kontrollib automaatselt kõiki oma Javascripti klasse ja funktsioone ning teavitab teid käsitsetud koodist. Puuduseks on see see ei tea, milline keskkond (brauserid) testis toimus, kuid Karma kompenseerib selle puuduse.

    MochaJS

    Võrreldes Jasmine, MochaJS on paindlikum aga Jasmine on kõik-ühes pakett. Kui soovite kasutada spioonraamistikku, peate MochaJSiga seadistama Mocha oma sobiva raamatukoguga nagu sinon.js. Ja kui vajate kinnitusraamistikku, tuleb Mocha seadistada Chai'ga sarnase raamistikuga.

    Trimmer

    Tõmbur on ilmselt kõige võimsam automatiseeritud lõpuni (e2e) nurga testimise tööriist. Angular meeskonna poolt välja töötatud Protractor on ehitatud kombineerides mõningaid tänapäeval kättesaadavaid suurepäraseid tehnoloogiaid NodeJS, seleen, webdriver, mokk, kurk ja Jasmine.

    Nurkne Batarang

    Pealegi Trimmer, teine ​​suur tööriist, mille on välja töötanud Angular meeskond, on Angular Batarang. Batarang on Chrome'i laiend nurkrakenduste silumiseks. Pärast rakenduse kontrollimist näitab Batarang teile mudel, jõudlus ja sõltuvus silumine tulemusi kolme erineva vahekaardiga. Samuti saate kontrollida kontrolli, otsustades, kas näidata rakendused, sidemed või ulatus.

    ng-inspektor

    ng-inspektor on Chrome'i ja Safari toetatud brauseri laiendus. Erinevalt Batarangist, mis ilmub DevTools'is, eelistab ng-inspektor külgpaneeli kuva. Saate kontrollida ja esile tõsta DOM-elemente, kui liigutad üle ulatuse. Näete ka ulatust ja mudelit reaalajas.

    Moodulid

    Parim koht nurkmoodulite leidmiseks on ngmodules.org. Aga kui vajate kiiret ülevaadet, on allpool toodud mõned head ressursid, mida oleme teie jaoks kogunud.

    AngularUI

    AngularUI on AngularJSiga ehitatud UI komponentide kogum. Selle utiliididirektiivid aitavad teil luua nurkrakendusi kiiremini. Vidinate asemel kasutab AngularUI toorjuhiseid ui-ruuter, ui-kaart, ui-kalender jne. Direktiivid, mis teile ilmselt kõige rohkem meeldivad, on selle UI-Bootstrap, mis võib loomulikult olla luua nurgalises Twitteris Bootstrap. Alustamiseks vaadake oma puhta ja kena dokumentatsiooni lehekülge.

    ng-Tabel - sortimis- ja filtreerimistabel

    Kui vajate veebirakenduses tabeleid, mida saab sorteerida ja filtreerida, siis ngTable on tööriist, mida otsite. Samuti toetab see muutuvaid ridade kõrgusi ja suuri lehekülgede jaotamise võimalusi.

    Piirded

    Nurgaga, võib teil olla raske töötada $ ressurss ja $ http Rest API loomiseks. Piirang võib aidata seda teha andmete hankimise, kustutamise, värskendamise ja postitamise taotluste lihtsustamine. Mõned funktsioonid, mis seavad Restangulari kõrvale $ ressurss on HTTP meetodi tugi, iseseisev element, lubab kasutamist ja palju muud. Lisateavet leiate siit ja vaadake otseülekannet Plunkril.

    Nurk Gettext

    Angular-Gettext on suurepärane nurkmoodul super-kergeks lokaliseerimiseks. Peamised funktsioonid on teil veebirakenduse tõlkimine nii lihtne kui lisamine atribuut. See võimaldab teil keskenduda oma rakenduste arendamisele ja jätta kõik tõlked nurk-Gettext.

    Tööriistad ja rakendused

    Lõpuks jätame selle siia. See on loetelu rohkemest tööriistadest ja rakendustest, mis võivad muuta teie nurkade arendamise protsessi lihtsamaks ja sujuvamaks. Nad töötavad hästi nendega, kes on hakanud just nurga alt üles võtma.

    Generaatori nurk

    Yeomanil on koodigeneraator nimega Generator Angular. Selle tööriista abil saate kiirendada oma nurkade arengut ainult terminaliülekannetega. See võib automaatselt luua arendusserveri, üksuse ja raamistiku testimise, vaate, direktiivid ja palju muud.

    ngDocs - AngularJS viide

    ngDocs on Android app, mis pakub AngularJS dokumentatsiooni ja viiteid, kena ja lihtne. Mõned põhilised õpetused on saadaval ka siis, kui olete Angularis uus. On ka muid funktsioone, nagu arendaja juhend ja veateave, mida võite näha. Selle abil saate oma Android-seadmes nurgas viibida.