15 Naudingos „AngularJS“ įrankiai programuotojams

Manote, kad jūsų pirštai panardinami į kampinį? Jei per 10 geriausių vadovėlių išmokote AngularJS įrašą ir norėtumėte pats žaisti su kampiniu, jūs esate dešinėje. Mes turime kai kuriuos įrankiai, kurie gali racionalizuoti jūsų darbo eigą.

Mes žiūrime į 15 geriausi IDE, teksto redaktoriai, įrankiai testavimui ir derinimui, moduliai ir kūrimo įrankiai ir programos pastatyti su kampiniu. Jei turite mėgstamų įrankių ar programų, bendrinkite juos su mumis toliau pateiktose pastabose.

IDE ir teksto redaktorius

Programavimo pasaulyje yra dviejų tipų redaktoriai: integruota plėtros aplinka (IDE) ir lengvi teksto redaktoriai. Abu leidžia greičiau plėtoti darbo eigą. Toliau pateikiamas IDE ir teksto redaktorius yra gana geros priemonės, leidžiančios pagreitinti kampinį vystymąsi. Jie gali būti lengvai konfigūruojami kampinei aplinkai.

„WebStorm“

„WebStorm“ tinka ne tik „Javascript“, bet ir „HTML“ bei „CSS“. Jis turi nuostabų gyvą redaktorių, kuris leidžia matyti savo kodavimo rezultatus naršyklėje, nes nereikia dažnai atnaujinti. Pagal numatytuosius nustatymus jų naujausia versija turi „AngularJS“ įskiepio paketą, nors pirmiausia reikės į savo projektą įtraukti kampinį scenarijų. Norėdami gauti daugiau informacijos, skaitykite „WebStorm“ tinklaraščio įrašą.

Apana

Aptana yra nemokama atviro kodo IDE, kuri iš tikrųjų yra pritaikyta „Eclipse“ versija, orientuota į „Javascript“, „HTML“, „CSS“ ir kitus žiniatinklio gėrimus. Norėdami išplėsti „Aptana“ kampinę paramą, viskas, ką jums reikia padaryti, yra įdiegti „AngularJS Eclipse“ plėtinį iš „Eclipse Marketplace“.

Sublime Text

Vienas iš populiariausių teksto redaktorių, „Sublime Text“ daugeliui patinka, nes jis gali būti pritaikytas bet kokiai programavimo aplinkai. Jis taip pat yra greitas ir turi pritaikomą kodo fragmento palaikymą ir turi daug paketų, įskaitant „AngularJS“ paketą, kuris leidžia dirbti su kampiniu. Čia yra puikus W. Wahlin pranešimas, kurį galite sužinoti apie tai.

Daugiau apie „Sublime“ tekstą:

• 18 esminių „Sublime“ teksto papildinių
• 12 labiausiai pageidaujamų tekstų patarimų ir gudrybių
• Kaip įterpti failo kelią į tekstą „Sublime“
• Greita peržiūra Localhost projektas su „Sublime“ tekstu
• Valdyti pastabas ir sąrašus su „Sublime“ tekstu
• CSS tiekėjo prefikso pridėjimas su „Sublime“ tekstu

Testavimo ir derinimo įrankiai

Testavimas ir derinimas yra svarbios vystymosi proceso dalys, ypač tokioje aplinkoje kaip kampinis. Štai keletas įrankių, kurie gali padėti išbandyti ir ištaisyti taikomąją programą.

Karma

„Karma“ - tai puikus bandymo bėgikas, skirtas kampiniam kampui, tačiau gali būti naudojamas ir su bet kuria kita „JavaScript“ sistema. Jis palaiko bet kokio tipo bandymus: vieneto bandymai, vidurio bandymai ir E2E testavimas. Karma veikia atidarydama naršykles, kurias jūs įtraukiate į konfigūracijos failą. Tada ji bendrauja su aktyvia naršykle naudodama socket.io ir klausia, ar paleisti testą, ar ne.

Jasmine

„Jasmine“ naudojamas elgsenai orientuotam vystymuisi (BDD), tačiau jūs galite jį naudoti testuojamam kūrimui (TDD) su šiek tiek pritaikant. Jis paprastai siejamas su Karma: Karma kaip bandymų bėgikas, Jasmine kaip bandymų sistema. „Jasmine“ automatiškai tikrins visas jūsų „Javascript“ klases ir funkcijas ir informuos jus apie nevaldomą kodą. Trūkumas yra ji nežino, kokioje aplinkoje (naršyklėse) atliktas testas, tačiau Karma kompensuoja šį trūkumą.

MochaJS

Lyginant su Jasmine, MochaJS yra lankstesnis bet „Jasmine“ ateina kaip viskas viename pakete. Su MochaJS, jei norite naudoti šnipinėjimo sistemą, jums reikia sukurti Mocha su atitinkama biblioteka, pvz., Sinon.js. Ir jei jums reikia tvirtinimo sistemos, Mocha turi būti sukonfigūruota kaip Chai sistema.

Kontraktorius

Protractor tikriausiai yra galingiausias automatizuotas iki galo (e2e) Kampinis bandymo įrankis. „Angle“ komandos sukurta „Protractor“ sukurta derinant kai kurias puikias šiandien prieinamas technologijas NodeJS, Selenas, webDriver, Mocha, Agurkai ir Jasmine.

Kampinis Batarangas

Be to Kontraktorius, dar vienas puikus „Angular“ komandos sukurtas įrankis yra „Angular Batarang“. Batarangas yra „Chrome“ plėtinys, skirtas derinti kampines programas. Patikrinusi jūsų programą, Batarang jums parodys modelis, našumas ir priklausomybė derinimo rezultatai trimis skirtingais skirtukais. Taip pat galite kontroliuoti patikrinimą, nuspręsti, ar parodyti taikomosiomis programomis, apkaustais ar apimtimis.

ng-inspektorius

„ng-inspector“ yra naršyklės plėtinys, palaikomas „Chrome“ ir „Safari“. Skirtingai nuo „Batarang“, kuris rodomas „DevTools“, „ng-inspector“ vietoj to pageidauja šoninio skydelio ekrano. Galite apžiūrėti ir paryškinti DOM elementus, kai nukreipiate virš taikymo srities. Taip pat galite matyti, kokia apimtimi ir modeliu galima atnaujinti realiu laiku.

Moduliai

Geriausia vieta rasti kampinius modulius yra ngmodules.org. Bet jei jums reikia greito apžvalgos, žemiau pateikiamas sąrašas gerų išteklių, kuriuos mes surinkome už jus.

AngularUI

AngularUI yra UI komponentų, pastatytų „AngularJS“, rinkinys. Jos naudingumo direktyvos padeda greičiau kurti kampines programas. Vietoje raštų „AngularUI“ naudoja žaliavas ui-maršrutizatorius, ui-map, ui-kalendorius ir tt Tikriausiai jums labiausiai patinka direktyvos UI-Bootstrap, kuri gali būti natūraliai sukurkite „Twitter Bootstrap“ kampiniame kampe. Norėdami pradėti, patikrinkite savo švarų ir gražų dokumentacijos puslapį.

ng-Table - rūšiavimo ir filtravimo lentelė

Jei jūsų žiniatinklio programoje reikalingos lentelės, kokios rūšys gali būti rūšiuojamos ir filtruojamos, tada ngTable yra įrankis, kurio ieškote. Jis taip pat palaiko kintamų eilių aukščius ir puikias puslapių leidimo galimybes.

Apribojimai

Su kampiniu, jums gali būti sunku dirbti $ išteklius ir $ http sukurti „Rest API“. Padaryti gali būti ribotos spalvos lengviau naudoti užklausas gauti, ištrinti, atnaujinti ir paskelbti duomenis. Kai kurios funkcijos, kurios nustatė „Restangular“ $ išteklius yra HTTP metodo palaikymas, savarankiškas susiejimas, pažadėjimas naudoti ir daug daugiau. Sužinokite daugiau čia ir peržiūrėkite gyvą demonstraciją „Plunkr“.

Kampinis Gettext

„Angular-Gettext“ yra puikus kampinis modulis, skirtas labai lengvai lokalizuoti. Pagrindinės funkcijos yra tai, kad galite išversti savo žiniatinklio programą taip paprasta, kaip pridėti atributas. Tai leidžia jums sutelkti dėmesį į savo programų kūrimą ir palikti visus vertimus į „Angular-Gettext“.

Įrankiai ir programos

Galiausiai, mes tik paliksime tai čia. Tai daugiau įrankių ir programų, kurios gali padaryti jūsų kampinio tobulinimo procesą lengviau ir sklandžiau. Jie gerai dirba su tais, kurie tik pradeda pakelti kampinį.

Generatorius kampinis

Yeoman turi kodų generatorių, vadinamą „Generator Angular“. Naudodami šį įrankį galite pagreitinti kampinį vystymąsi tik su terminalo komandų poromis. Jis gali automatiškai generuoti kūrimo serverį, vieneto ir sistemos testavimą, peržiūrėti, direktyvas ir kt.

ngDocs - AngularJS nuoroda

„ngDocs“ yra „Android“ programa, kuri suteikia „AngularJS“ dokumentus ir nuorodas. Kai kurie nauji „Angular“, taip pat yra keletas pagrindinių pamokų. Yra papildomų funkcijų, pvz., Kūrėjo vadovas ir klaidų nuoroda, kuriuos galite pamatyti. Naudodamiesi šiuo „Android“ įrenginiu pasiimkite kampinį, kad ir kur eitumėte.