15 Hasznos AngularJS eszközök a fejlesztők számára

Gondolva, hogy a lábujjait szögletesre mártja? Ha a 10 legjobb oktatónkban megtanultuk megtanulni az AngularJS posztot, és szeretné, hogy a saját szögben játszani szeretne, akkor a jobb oldalon van. Van itt néhány olyan eszközök, amelyek egyszerűsíthetik a fejlesztési munkafolyamatot.

15-et nézzük legjobb IDE-k, szövegszerkesztők, eszközök teszteléshez és hibakereséshez, modulok és fejlesztési eszközök és alkalmazások szögletes építéshez. Ha kedvenc eszközeit vagy alkalmazásait használja, ossza meg velünk velünk az alábbi megjegyzéseket.

IDE és szövegszerkesztő

A programozási világban kétféle szerkesztő létezik: teljes körű integrált fejlesztési környezet (IDE) és könnyű szövegszerkesztők. Mindkettő gyorsabb fejlesztési munkafolyamatot tesz lehetővé. Az alább felsorolt IDE és szövegszerkesztő nagyon jó eszköz a szögfejlesztés felgyorsítására. Könnyen konfigurálhatók a szög környezethez.

WebStorm

A WebStorm nem csak a Javascript, hanem a HTML és a CSS számára is alkalmas. Ez egy fantasztikus élő szerkesztővel rendelkezik, amely lehetővé teszi, hogy a böngésző kódolási eredményeit gyakran ne frissítse. Alapértelmezés szerint a legújabb verziójuk az AngularJS bővítménycsomagot hordozza, bár először be kell vonnia a projekt szögletjét. További részletekért olvassa el a WebStorm blogbejegyzést.

Aptanának

Az Aptana egy ingyenes, nyílt forráskódú IDE, amely valójában az Eclipse testreszabott változata, amely a Javascript, a HTML, a CSS és más webes termékekre összpontosít. Az Aptana szögtámogatáshoz való kiterjesztéséhez mindössze annyit kell tennie, hogy telepítse az AngularJS Eclipse kiterjesztését a Eclipse piactér.

Szublimált szöveg

Az egyik legnépszerűbb szövegszerkesztő, a Sublime Text sokan szeretik a testreszabhatóságát, hogy bármilyen programozási környezethez alkalmazkodhassanak. Ez is gyors és testreszabható kódrészlet támogatással rendelkezik, és számos csomagot tartalmaz, beleértve az AngularJS csomagot, amely lehetővé teszi, hogy az Angular használatával dolgozzon. Itt van egy nagy hozzászólás Dan Wahlin, amit megnézhetsz erről.

További információ a Sublime szövegről:

18 lényeges Sublime Text bővítmény
12 legtöbbet keresett szöveges tippek és trükkök
A fájl elérési útjának beillesztése a Sublime szövegbe
Gyors előnézet Localhost projekt Sublime szöveggel
Jegyzetek és listák kezelése Sublime szöveggel
CSS Vendor Prefix hozzáadása Sublime szöveggel

Eszközök tesztelése és hibakeresése

Tesztelés és hibakeresés a fejlesztési folyamat fontos részei, különösen olyan környezetben, mint az Angular. Íme néhány olyan eszköz, amely segít az alkalmazás tesztelésében és hibakeresésében.

Karma

A Karma egy nagyszerű szögmérő próbavezető, de bármilyen más Javascript kerettel is használható. Támogatja a bármilyen típusú tesztelést: egységvizsgálat, félúton végzett tesztelés és E2E tesztelés. A Karma úgy működik, hogy megnyitja azokat a böngészőket, amelyeket a konfigurációs fájlban felsorol. Ezután a socket.io segítségével kommunikál az aktív böngészővel, és megkérdezi, hogy futtassa-e a tesztet.

Jázmin

A Jasmine-t viselkedés-vezérelt fejlesztéshez (BDD) használják, de a teszt-vezérelt fejlesztéshez (TDD) is használhat egy kicsit testreszabással. Általában Karma: Karma, mint a teszt futó, Jasmine mint a tesztkeret. A Jasmine automatikusan megvizsgálja az összes Javascript osztályát és funkcióját, és értesíti Önt a kezeletlen kódról. A hátránya az nem tudja, hogy melyik környezet (böngészők) végezte el a tesztet, de Karma kompenzálja ezt a hátrányt.

MochaJS

A Jasmine, MochaJS-hez képest rugalmasabb de A Jasmine all-in-one csomag. A MochaJS segítségével, ha kémkeretet szeretne használni, Mocha-t kell beállítania a megfelelő könyvtárral, mint például a sinon.js. És ha állításrendszerre van szüksége, a Mocha-t Chai-hoz hasonló keretrendszerrel kell konfigurálni.

Szögmérő

A szögmérő valószínűleg a legerősebb automatizált végtől végig (e2e) Szögletes vizsgálati eszköz. A Szögletes csapat által kifejlesztett Protractor a nagyszerű, ma elérhető technológiák kombinálásával készült CsomópontJS, szelén, webDriver, Mocha, uborka és Jázmin.

Szögletes Batarang

kívül Szögmérő, a szögletes csapat által kifejlesztett másik nagyszerű eszköz az Angular Batarang. Batarang Chrome-kiterjesztés a szögletes alkalmazások hibakereséséhez. Az alkalmazás ellenőrzése után Batarang megmutatja a modell, teljesítmény és függőség hibakeresési eredmények három különböző lapon. Ön is ellenőrizheti az ellenőrzést, eldöntve, hogy mutassa-e a alkalmazások, kötések vagy hatókörök.

ng-ellenőr

Az ng-inspector a Chrome és a Safari által támogatott böngészőbővítmény. Ellentétben a Batarang-szal, amely a DevTools-ban jelenik meg, az ng-inspector inkább az oldalsó panel kijelzőjét részesíti előnyben. Ellenőrizheti és kiemelheti a DOM elemeket, ha egy hatókör felett mozog. A hatókört és a modellt valós időben is frissítheti.

modulok

A legjobb hely a szög modulok megtalálásához az ngmodules.org. Ha azonban gyors áttekintésre van szüksége, az alábbiakban felsoroljuk azokat a jó forrásokat, amelyeket Önnek gyűjtöttünk.

AngularUI

Az AngularUI az AngularJS segítségével épített felhasználói felület komponenseinek gyűjteménye. A segédprogramok segítenek abban, hogy gyorsabban építsenek szögletes alkalmazásokat. A widgetek helyett az AngularUI nyers irányelveket használ ui-router, ui-térkép, ui-naptár stb. Azokat a direktívákat, amelyeket valószínűleg a legjobban szeretne, az az UI-Bootstrap, amely natívan lehet Twitter bootstrap létrehozása szögben. Nézd meg a tiszta és szép dokumentációs oldalt az induláshoz.

ng-Table - Válogatás és szűrés táblázat

Ha szüksége van táblázatokra a webalkalmazásban, az a fajta, amelyet rendezni és szűrni lehet, akkor az ngTable az az eszköz, amelyet keres. Támogatja a változó sormagasságokat és a nagy lapozási képességeket is.

Restangular

Szögletes, nehéz munkát végezhet $ erőforrás és $ http a Rest API létrehozásához. A restangular segíthet könnyebbé válik az adatok iránti kérések beszerzése, törlése, frissítése és közzététele. Néhány olyan funkció, amely a Restangular-ot választja $ erőforrás a HTTP-módszer támogatása, az önkötő elem, a felhasználás ígérete és még sok más. Tudjon meg többet itt, és nézd meg az élő demót a Plunkr-on.

Szögletes Gettext

Az Angular-Gettext egy szupermodul a szuper könnyű elhelyezéshez. A legfontosabb jellemzők az, hogy lefordíthatja a webes alkalmazást olyan egyszerűnek, mint hozzáadni tulajdonság. Ez lehetővé teszi, hogy összpontosítson az alkalmazásfejlesztésre, és minden fordítást hagyjon a Angular-Gettext-re.

Eszközök és alkalmazások

Végül csak itt hagyjuk ezt. Ez egy olyan eszköz és alkalmazás listája, amelyek valószínűleg könnyebbé és simábbá teszik a szögletes fejlesztési folyamatot. Jól működnek azokkal, akik most kezdik felvenni a szögletet.

Generátor szög

Yeomannak van egy Generator Angular nevű kódgenerátora. Ezzel az eszközzel csak a terminálparancsokkal párosíthatja a szögfejlesztést. Ez automatikusan generál fejlesztési szervert, egységet és keretrendszert, nézetet, irányelveket és így tovább.

ngDocs - AngularJS referencia

Az ngDocs egy Android alkalmazás, amely az AngularJS dokumentációját és referenciáit kínálja, szép és egyszerű. Néhány alapvető oktatóanyag is elérhető, ha új a Szög. Vannak további funkciók, mint például a fejlesztői útmutató és a hiba-hivatkozás, amit érdemes látni. Ezzel az Android készülékén vegye fel a szöget, bárhová is megy.