15 Noderīgi AngularJS rīki izstrādātājiem
Vai domājat, ka jūsu pirkstiem iemērc? Ja esat iepazinušies ar mūsu 10 labākajām apmācībām, lai iemācītos AngularJS ziņu, un vēlaties spēlēt apkārt ar leņķi par sevi, jūs atrodaties pareizajā pozīcijā. Mums šeit ir daži rīkus, kas var racionalizēt jūsu attīstības darbplūsmu.
Mēs skatāmies 15. \ T labākie IDE, teksta redaktori, instrumenti testēšanai un atkļūdošanai, moduļi un attīstības rīki un lietotnes celtniecībai ar leņķi. Ja jums ir iecienītākie rīki vai lietotnes, kopīgojiet tos ar mums tālāk sniegtajos komentāros.
IDE un teksta redaktors
Programmēšanas pasaulē ir divu veidu redaktori: pilnīga integrētā attīstības vide (IDE) un viegla teksta redaktori. Abi nodrošina ātrāku attīstības darbplūsmu. Turpmāk uzskaitītais IDE un teksta redaktors ir diezgan labs instruments, lai paātrinātu jūsu leņķa attīstību. Tos var viegli konfigurēt leņķa vidē.
WebStorm
WebStorm ir piemērots ne tikai Javascript, bet arī HTML un CSS. Tas ir lielisks dzīvs redaktors, kas ļauj jums redzēt jūsu kodēšanas rezultātus pārlūkprogrammā bez biežas atsvaidzināšanas. Pēc noklusējuma jaunākā versija ietver AngularJS spraudņa komplektu, lai gan jūsu projektā vispirms būs jāiekļauj leņķiskais skripts. Lai iegūtu sīkāku informāciju, izlasiet WebStorm emuāra ziņu.
Aptana
Aptana ir bezmaksas atvērtā koda IDE, kas faktiski ir pielāgotā Eclipse versija, kas koncentrējas uz Javascript, HTML, CSS un citiem tīmekļa labumiem. Lai paplašinātu Aptana par leņķa atbalstu, viss, kas jums jādara, ir instalēt AngularJS Eclipse paplašinājumu no Eclipse Marketplace.
Sublime teksts
Viens no populārākajiem teksta redaktoriem, Sublime Text ir daudziem, jo tā ir pielāgojama jebkurai programmēšanas videi. Tas ir arī ātrs un ir pielāgojams koda fragmenta atbalsts, un tam ir daudz paku, ieskaitot AngularJS paketi, kas ļauj strādāt ar leņķi. Šeit ir liels sūtījums no Dan Wahlin, kuru varat pārbaudīt.
Vairāk par tekstu Sublime:
- 18 būtiskie Sublime Text spraudņi
- 12 visbiežāk meklētie subtitri Teksta padomi un triki
- Kā ievietot faila ceļu Sublime Text
- Ātrā priekšskatīšana Localhost projekts ar Sublime tekstu
- Pārvaldiet piezīmes un sarakstus ar tekstu Sublime
- CSS pārdevēja prefiksa pievienošana ar tekstu Sublime
Testēšanas un atkļūdošanas rīki
Testēšana un atkļūdošana ir svarīgas attīstības procesa daļas, it īpaši tādā vidē kā leņķis. Šeit ir daži rīki, kas var palīdzēt pārbaudīt un atkļūdot jūsu lietojumprogrammu.
Karma
Karma ir lielisks skrējējs, kas izgatavots leņķī, bet to var izmantot arī ar jebkuru citu Javascript sistēmu. Tā atbalsta jebkura veida testēšanu: vienības testēšana, starpposma testēšana un E2E testēšana. Karma darbojas, atverot pārlūkprogrammas, kuras jūs uzskaitāt konfigurācijas failā. Pēc tam tas sazinās ar aktīvo pārlūkprogrammu, izmantojot socket.io, un jautā, vai palaist testu vai nē.
Jasmīns
Jasmine tiek izmantota uzvedību balstītai attīstībai (BDD), bet jūs varat to izmantot testam orientētai attīstībai (TDD) ar mazliet pielāgotu. Tas parasti ir saistīts ar Karmu: Karma kā testa skrējējs, Jasmine kā testa sistēma. Jasmine automātiski pārbaudīs visas jūsu Javascript klases un funkcijas un paziņos par neapstrādātu kodu. Trūkums ir tas nezina, kura vide (pārlūkprogrammas) veic pārbaudi, bet Karma kompensē šo trūkumu.
MochaJS
Salīdzinot ar Jasmīnu, MochaJS ir elastīgāka bet Jasmine nāk kā universāls iepakojums. Ar MochaJS, ja vēlaties izmantot spiegu sistēmu, jums jāizveido Mocha ar atbilstošu bibliotēku, piemēram, sinon.js. Un, ja jums ir vajadzīgs apgalvojums, Mocha ir jākonfigurē ar Chai sistēmu.
Taisnotājs
Protractor, iespējams, ir visspēcīgākais automatizētais līdz beigām (e2e) Stūra testēšanas rīks. Stūra komandas izstrādātā Protractor ir veidota, apvienojot dažas lielas šodien pieejamās tehnoloģijas NodeJS, selēns, webDriver, Mocha, gurķi un Jasmīns.
Stūra Batarang
Turklāt Taisnotājs, vēl viens lielisks instruments, ko izstrādājis Angular komanda, ir Angular Batarang. Batarang ir Chrome paplašinājums leņķa lietojumprogrammu atkļūdošanai. Pēc jūsu lietotnes pārbaudes Batarang jums parādīs modeli, veiktspēju un atkarību atkļūdošanas rezultāti trīs dažādās cilnēs. Jūs varat arī kontrolēt pārbaudi, izlemjot, vai parādīt lietojumprogrammas, saites vai darbības jomas.
ng-inspektors
ng-inspektors ir pārlūka paplašinājums, ko atbalsta Chrome un Safari. Atšķirībā no Batarang, kas parādās DevTools, ng-inspektors dod priekšroku sānu paneļa displejam. Jūs varat pārbaudīt un izcelt DOM elementus, kad jūs virzāties virs apgabala. Jūs varat arī redzēt darbības jomu un modeli atjaunināt reālā laikā.
Moduļi
Labākā vieta, kur atrast stūra moduļus, ir ngmodules.org. Bet, ja jums ir nepieciešams ātrs pārskats, zemāk ir saraksts ar dažiem labiem resursiem, kurus mēs esam savākuši.
AngularUI
AngularUI ir UI komponentu kolekcija, kas būvēta ar AngularJS. Tās lietderības direktīvas palīdz jums ātrāk veidot leņķveida lietojumprogrammas. Tā vietā, widgets, AngularUI izmanto izejvielas direktīvām, piemēram, ui-router, ui-map, ui-kalendārs uc Šīs direktīvas, kuras, iespējams, visvairāk patiks, ir tās UI-Bootstrap, kas var dabiski izveidojiet čivināt Bootstrap leņķī. Lai sāktu darbu, iepazīstieties ar tās tīru un jauku dokumentācijas lapu.
ng-Table - Šķirošanas un filtrēšanas tabula
Ja jūsu tīmekļa lietojumprogrammā ir nepieciešamas tabulas, kuras var šķirot un filtrēt, tad ngTable ir instruments, kuru meklējat. Tā atbalsta arī mainīgo rindu augstumus un lielās lapošanas iespējas.
Ierobežots
Ar leņķi var būt grūti strādāt $ resurss un $ http lai izveidotu Rest API. Ierīce var palīdzēt vieglāk izmantot datu pieprasījumus, dzēst, atjaunināt un publicēt pieprasījumus. Dažas no funkcijām, kas atšķiras no restangulāra $ resurss ir HTTP metodes atbalsts, pašsaistošs elements, sola lietot un daudz ko citu. Uzziniet vairāk šeit un apskatiet tiešo demonstrāciju Plunkr.
Stūra Gettext
Leņķis-Gettext ir lielisks leņķa modulis, kas nodrošina vieglu lokalizāciju. Galvenās iezīmes ir tas, ka jūs varat tulkot savu tīmekļa lietotni tikpat viegli kā pievienot atribūts. Tas ļauj jums koncentrēties uz jūsu lietotņu izstrādi un atstāt visus tulkojumus Angular-Gettext.
Rīki un lietotnes
Visbeidzot, mēs tikai šeit atstāsim. Tas ir saraksts ar vairākiem rīkiem un lietotnēm, kas var padarīt jūsu leņķa attīstības procesu vieglāku un vienmērīgāku. Viņi strādā labi ar tiem, kas tikko sāk stāties.
Ģeneratora leņķis
Yeoman ir koda ģenerators, ko sauc par Generator Angular. Izmantojot šo rīku, varat paātrināt savu leņķa attīstību ar tikai termināļa komandu pāriem. Tas var automātiski ģenerēt attīstības serveri, vienību un sistēmu testēšanu, skatu, direktīvas un daudz ko citu.
ngDocs - AngularJS atsauce
ngDocs ir Android lietotne, kas nodrošina AngularJS dokumentāciju un atsauces, jauki un vienkārši. Ir pieejami arī daži pamata pamācības, ja esat jauni, izmantojot Angular. Ir vēl citas iespējas, piemēram, izstrādātāja rokasgrāmata un kļūdas atsauce, ko jūs varētu vēlēties redzēt. Ar šo to savā Android ierīcē paņemiet leņķi, lai kur jūs dotos.
